:root{--bg-primary: #0A0A0F;--bg-secondary: #12121A;--accent-cyan: #00F0FF;--accent-violet: #8B5CF6;--accent-magenta: #FF2D7B;--text-primary: #E2E2E8;--text-muted: #6B6B7B;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "Courier New", monospace;--transition-slow: .8s ease-out;--transition-medium: .6s ease-out;--ease-out-expo: cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);font-weight:300;line-height:1.7;letter-spacing:.02em;overflow-x:hidden;cursor:none}.cursor-dot{position:fixed;top:0;left:0;width:8px;height:8px;background:var(--accent-cyan);border-radius:50%;pointer-events:none;z-index:99999;transform:translate(-50%,-50%);transition:transform 80ms ease-out,opacity .3s ease;box-shadow:0 0 12px #00f0ff99,0 0 30px #00f0ff33;mix-blend-mode:screen}.cursor-ring{position:fixed;top:0;left:0;width:36px;height:36px;border:1px solid rgba(0,240,255,.3);border-radius:50%;pointer-events:none;z-index:99998;transform:translate(-50%,-50%);transition:width .4s var(--ease-out-expo),height .4s var(--ease-out-expo),border-color .4s ease,opacity .3s ease}.cursor-ring.hovering{width:52px;height:52px;border-color:#00f0ff99}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;animation:grainShift 8s steps(10) infinite}@keyframes grainShift{0%,to{transform:translate(0)}10%{transform:translate(-2%,-3%)}20%{transform:translate(3%,1%)}30%{transform:translate(-1%,4%)}40%{transform:translate(4%,-2%)}50%{transform:translate(-3%,2%)}60%{transform:translate(1%,-4%)}70%{transform:translate(-4%,1%)}80%{transform:translate(2%,3%)}90%{transform:translate(-2%,-1%)}}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9998;background:radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.55) 100%)}h1,h2,h3{font-family:var(--font-sans);font-weight:100;text-transform:uppercase;letter-spacing:-.04em;line-height:1.1}::selection{background:#00f0ff33;color:var(--text-primary)}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#00f0ff26;border-radius:2px}.scroll-progress{position:fixed;top:0;left:0;width:100%;height:2px;z-index:99997;transform-origin:left;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-violet));box-shadow:0 0 8px #00f0ff4d;transform:scaleX(0);pointer-events:none;will-change:transform}.reveal{opacity:0;transform:translateY(40px);transition:opacity 1.2s var(--ease-out-expo),transform 1.2s var(--ease-out-expo)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-stagger>.reveal:nth-child(1){transition-delay:0ms}.reveal-stagger>.reveal:nth-child(2){transition-delay:.15s}.reveal-stagger>.reveal:nth-child(3){transition-delay:.3s}.reveal-stagger>.reveal:nth-child(4){transition-delay:.45s}@keyframes glitch{0%{transform:translate(0);filter:none}10%{transform:translate(-3px,2px);filter:hue-rotate(90deg)}20%{transform:translate(3px,-2px);filter:hue-rotate(180deg) saturate(2)}30%{transform:translate(-2px,-1px);filter:hue-rotate(270deg)}40%{transform:translate(2px,1px);filter:hue-rotate(360deg);clip-path:inset(20% 0 30% 0)}50%{transform:translate(-1px,2px);filter:hue-rotate(90deg) brightness(1.5);clip-path:inset(50% 0 10% 0)}60%{transform:translate(1px,-1px);filter:none;clip-path:none}to{transform:translate(0);filter:none;clip-path:none}}body.glitch-active>*{animation:glitch .8s ease-out forwards}@media (max-width: 768px){body{cursor:auto;overflow-x:hidden}.cursor-dot,.cursor-ring{display:none!important}body:before{position:absolute;opacity:.015;animation:none;height:100%;will-change:auto}body:after{position:absolute;height:100%;background:radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.35) 100%);will-change:auto}.reveal{transform:translateY(25px);transition-duration:.8s}}@supports (padding: env(safe-area-inset-bottom)){body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom)}}