:root{--font-main: "Outfit", sans-serif;--color-bg: #0f0f13;--color-text: #fff;--color-text-muted: rgb(255 255 255 / 70%);--color-accent: #fff;--glass-bg: rgb(0 0 0 / 65%);--glass-border: rgb(255 255 255 / 10%);--glass-blur: 20px;--glass-shadow: 0 8px 32px 0 rgb(0 0 0 / 37%);--transition-speed: .3s;--social-bg-default: rgb(255 255 255 / 5%);--social-border-default: rgb(255 255 255 / 5%);--social-bg-hover: rgb(255 255 255 / 15%);--social-border-hover: rgb(255 255 255 / 20%);--tooltip-bg: rgb(0 0 0 / 80%)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--color-bg);color:var(--color-text);height:100vh;width:100vw;overflow:hidden;display:flex;justify-content:center;align-items:center}#main-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%}#background-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background-size:cover;background-position:center;background-repeat:no-repeat;transition:opacity 1s ease-in-out;opacity:0}#background-container.loaded{opacity:1}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:30px;padding:2rem 3rem;text-align:center;width:-moz-fit-content;width:fit-content;max-width:90%;opacity:0;transform:translateY(20px);animation:fade-in-up .8s cubic-bezier(.2,.8,.2,1) forwards}.nav-panel{animation-delay:.3s;padding:1.5rem 2.5rem;border-radius:50px}h1{font-size:3.5rem;font-weight:700;margin-bottom:.5rem;letter-spacing:-.02em;background:linear-gradient(to bottom right,#fff,#ccc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.subtitle{font-size:1.25rem;color:var(--color-text-muted);font-weight:300;margin-bottom:2.5rem}#me{color:var(--color-accent);font-weight:600;position:relative;display:inline-block}#me:after{content:"";position:absolute;width:100%;height:2px;bottom:-2px;left:0;background-color:var(--color-accent);transform:scaleX(0);transform-origin:bottom right;transition:transform var(--transition-speed) ease-out}.glass-panel:hover #me:after{transform:scaleX(1);transform-origin:bottom left}.icon{width:1.5rem;height:1.5rem}.tooltip{position:absolute;bottom:-30px;left:50%;transform:translate(-50%) translateY(10px);background:var(--tooltip-bg);color:#fff;padding:4px 8px;border-radius:4px;font-size:.75rem;opacity:0;pointer-events:none;transition:all .2s ease;white-space:nowrap}.social-links{list-style:none;display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}.social-links li{display:flex}.social-links a{color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%;background:var(--social-bg-default);border:1px solid var(--social-border-default);transition:all var(--transition-speed) cubic-bezier(.4,0,.2,1);position:relative}.social-links a:hover{color:var(--color-text);background:var(--social-bg-hover);border-color:var(--social-border-hover);transform:translateY(-4px) scale(1.1);box-shadow:0 10px 20px -10px #0000007f}.social-links a:hover .tooltip{opacity:1;transform:translate(-50%) translateY(0)}@keyframes fade-in-up{to{opacity:1;transform:translateY(0)}}@media (width <= 600px){.glass-panel{padding:2rem;width:90%}h1{font-size:2.5rem}.social-links{gap:1rem}.social-links a{width:2.5rem;height:2.5rem}}