*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;overflow:hidden}body{background:#02020a;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,system-ui,sans-serif;cursor:default;-webkit-font-smoothing:antialiased}.space-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-3;background:radial-gradient(ellipse at 20% 30%,rgba(48,24,96,.5) 0%,transparent 55%),radial-gradient(ellipse at 80% 70%,rgba(8,56,96,.45) 0%,transparent 55%),radial-gradient(ellipse at center,#050816,#02020a 60%,#000)}.nebula{position:fixed;z-index:-2;border-radius:50%;filter:blur(80px);pointer-events:none;will-change:transform;mix-blend-mode:screen}.nebula-violet{width:60vmax;height:60vmax;top:-15vmax;left:-15vmax;background:radial-gradient(circle,rgba(139,92,246,.55) 0%,transparent 65%);animation:drift-1 32s ease-in-out infinite alternate}.nebula-cyan{width:55vmax;height:55vmax;bottom:-15vmax;right:-15vmax;background:radial-gradient(circle,rgba(34,211,238,.45) 0%,transparent 65%);animation:drift-2 38s ease-in-out infinite alternate}.nebula-pink{width:45vmax;height:45vmax;top:50%;left:50%;background:radial-gradient(circle,rgba(236,72,153,.25) 0%,transparent 70%);transform:translate(-50%,-50%);animation:pulse 12s ease-in-out infinite}@keyframes drift-1{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(8vmax,6vmax,0) scale(1.08)}}@keyframes drift-2{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(-10vmax,-4vmax,0) scale(1.05)}}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.18);opacity:.85}}.grid-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse at center,#000 0%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at center,#000 0%,transparent 70%);pointer-events:none}.starfield{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.cursor-glow{position:fixed;top:0;left:0;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(125,211,252,.18) 0%,rgba(168,85,247,.08) 35%,transparent 65%);pointer-events:none;z-index:2;mix-blend-mode:screen;filter:blur(20px);transform:translate3d(-9999px,-9999px,0)}.stage{position:relative;z-index:10;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:48px;padding:24px;perspective:1200px;--tilt-x: 0deg;--tilt-y: 0deg}.aura{position:absolute;top:50%;left:50%;width:80vmin;height:80vmin;transform:translate(-50%,-50%);background:radial-gradient(circle at 50% 50%,rgba(125,211,252,.18) 0%,transparent 35%),conic-gradient(from 0deg,#7dd3fc2e,#a855f72e,#ec489926,#7dd3fc2e);border-radius:50%;filter:blur(70px);animation:aura-spin 22s linear infinite;pointer-events:none;opacity:.9}@keyframes aura-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.orbit{position:absolute;top:50%;left:50%;width:56vmin;height:56vmin;border:1px solid rgba(255,255,255,.08);border-radius:50%;transform:translate(-50%,-50%) rotateX(72deg);animation:orbit-spin 18s linear infinite;pointer-events:none}.orbit-outer{width:78vmin;height:78vmin;border-color:#ffffff0d;animation:orbit-spin-reverse 28s linear infinite}.orbit-dot{position:absolute;top:-5px;left:50%;width:10px;height:10px;border-radius:50%;background:#7dd3fc;box-shadow:0 0 12px #7dd3fc,0 0 32px #7dd3fc99;transform:translate(-50%)}.orbit-dot-alt{background:#f0abfc;box-shadow:0 0 12px #f0abfc,0 0 32px #f0abfc99}@keyframes orbit-spin{to{transform:translate(-50%,-50%) rotateX(72deg) rotate(360deg)}}@keyframes orbit-spin-reverse{to{transform:translate(-50%,-50%) rotateX(72deg) rotate(-360deg)}}.logo{position:relative;font-size:clamp(56px,12vw,144px);font-weight:800;letter-spacing:-.045em;line-height:1.4;transform-style:preserve-3d;transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition:transform .3s ease-out;-webkit-user-select:none;user-select:none;overflow:visible}.logo-text{position:relative;display:inline-block;padding:.1em .05em .25em;background:linear-gradient(120deg,#c7d2fe,#67e8f9,#f0abfc,#67e8f9,#c7d2fe);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 24px rgba(125,211,252,.5)) drop-shadow(0 0 64px rgba(168,85,247,.3));animation:shimmer 6s linear infinite,float 7s ease-in-out infinite;overflow:visible}.logo-glow{position:absolute;top:0;right:0;bottom:0;left:0;display:inline-block;padding:.1em .05em .25em;background:linear-gradient(120deg,#67e8f9,#f0abfc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:blur(28px);opacity:.7;z-index:-1;animation:glow-pulse 4s ease-in-out infinite;pointer-events:none}@keyframes shimmer{to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow-pulse{0%,to{opacity:.55;filter:blur(28px)}50%{opacity:.85;filter:blur(40px)}}.email{position:relative;display:inline-block;padding:16px 32px;font-size:clamp(15px,1.5vw,18px);font-weight:500;letter-spacing:.02em;color:#fffffff2;text-decoration:none;background:#ffffff08;border:1px solid rgba(255,255,255,.12);border-radius:999px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:background .3s ease,border-color .3s ease,box-shadow .4s ease,transform .3s ease;isolation:isolate;transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y));will-change:transform}.email:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;padding:1px;background:conic-gradient(from 0deg,transparent 0deg,rgba(125,211,252,.9) 60deg,transparent 120deg,transparent 240deg,rgba(240,171,252,.9) 300deg,transparent 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:ring-spin 5s linear infinite;opacity:0;transition:opacity .4s ease;pointer-events:none}.email:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.18) 50%,transparent 70%);background-size:250% 100%;background-position:200% 0;opacity:0;transition:opacity .3s ease;z-index:-1;pointer-events:none}.email:hover{background:#ffffff0f;border-color:#ffffff40;transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(-2px);box-shadow:0 12px 48px #7dd3fc40,0 0 0 1px #7dd3fc26 inset}.email:hover:before{opacity:1}.email:hover:after{opacity:1;animation:shine 1.4s ease forwards}@keyframes ring-spin{to{transform:rotate(360deg)}}@keyframes shine{to{background-position:-200% 0}}.email-text{position:relative;z-index:1}.vignette{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3;background:radial-gradient(ellipse at center,transparent 50%,rgba(0,0,0,.7) 100%)}@media (max-width: 640px){.stage{gap:36px}.cursor-glow{display:none}.orbit{width:72vmin;height:72vmin}.orbit-outer{width:100vmin;height:100vmin}}@media (prefers-reduced-motion: reduce){.logo-text,.logo-glow,.nebula,.aura,.orbit,.orbit-outer,.email:before{animation:none!important}}