:root{--bg: #0A0A0F;--bg-surface: #0D0D14;--bg-raised: #12121C;--cyan: #00D4FF;--blue: #0066FF;--text-hi: #FFFFFF;--text-lo: #94A3B8;--text-dim: #4A5568;--border: rgba(0, 212, 255, .1);--border-dim: rgba(0, 212, 255, .2);--border-hi: rgba(0, 212, 255, .7);--glow-sm: 0 0 12px rgba(0,212,255,.35), 0 0 40px rgba(0,212,255,.12);--glow-md: 0 0 24px rgba(0,212,255,.45), 0 0 70px rgba(0,212,255,.18);--glow-lg: 0 0 40px rgba(0,212,255,.6), 0 0 120px rgba(0,212,255,.25);--ff-disp: "Syne", sans-serif;--ff-mono: "JetBrains Mono", monospace;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.7, 0, .84, 0)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text-hi);font-family:var(--ff-disp);overflow-x:hidden;cursor:none;-webkit-font-smoothing:antialiased}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9000;opacity:.022;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 300 300' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px 200px;animation:grainShift .18s steps(1) infinite}@keyframes grainShift{0%{background-position:0px 0px}25%{background-position:-30px 10px}50%{background-position:15px -20px}75%{background-position:-10px 25px}}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 38%,rgba(0,0,0,.62) 100%);pointer-events:none;z-index:2}#cursor-glow{position:fixed;width:350px;height:350px;border-radius:50%;background:radial-gradient(circle,rgba(0,212,255,.03) 0%,transparent 65%);pointer-events:none;z-index:1;transform:translate(-50%,-50%)}#cursor-ring{position:fixed;width:40px;height:40px;border:1px solid rgba(0,212,255,.65);border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:width .22s var(--ease-out),height .22s var(--ease-out),background .22s ease,border-color .22s ease}#cursor-ring.hover{width:62px;height:62px;background:#00d4ff12;border-color:var(--cyan)}#cursor-dot{position:fixed;width:6px;height:6px;background:var(--cyan);border-radius:50%;pointer-events:none;z-index:10000;transform:translate(-50%,-50%);box-shadow:0 0 8px var(--cyan)}#three-canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;width:100%!important;height:100%!important}#scanline{position:fixed;top:-2px;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,rgba(0,212,255,.07),rgba(0,212,255,.18),rgba(0,212,255,.07),transparent);box-shadow:0 0 14px #00d4ff1a;z-index:3;pointer-events:none;animation:scanSweep 9s linear infinite 7s}@keyframes scanSweep{0%{top:-2px;opacity:0}3%{opacity:1}97%{opacity:.7}to{top:100vh;opacity:0}}#nav{position:fixed;top:0;left:0;right:0;z-index:100;height:64px;padding:0 clamp(1.5rem,5vw,3.5rem);display:flex;align-items:center;justify-content:space-between;background:#0a0a0fb8;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-bottom:1px solid var(--border-dim);overflow:hidden}#nav:after{content:"";position:absolute;bottom:0;left:-60%;width:50%;height:1px;background:linear-gradient(90deg,transparent,rgba(0,212,255,.32),transparent);animation:navShimmer 5s linear infinite 4s}@keyframes navShimmer{0%{left:-60%}to{left:150%}}.nav-logo{font-family:var(--ff-disp);font-weight:800;font-size:1.15rem;letter-spacing:.1em;color:var(--cyan);text-decoration:none;text-shadow:var(--glow-sm);cursor:none}.nav-logo:hover{animation:glitch .12s steps(2) forwards}@keyframes glitch{0%{text-shadow:-2px 0 #ff0040,2px 0 var(--cyan);transform:skew(-2deg)}50%{text-shadow:2px 0 #ff0040,-2px 0 var(--cyan);transform:skew(2deg)}to{text-shadow:var(--glow-sm);transform:skew(0)}}.nav-links{display:flex;align-items:center;gap:2.5rem;list-style:none}.nav-links a{color:var(--text-lo);text-decoration:none;font-size:.8rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;position:relative;cursor:none;transition:color .2s ease}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--cyan);transition:width .28s var(--ease-out)}.nav-links a:hover{color:var(--text-hi)}.nav-links a:hover:after{width:100%}.nav-status{display:flex;align-items:center;gap:.5rem}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--cyan);animation:statusPulse 2.2s ease-in-out infinite}@keyframes statusPulse{0%,to{opacity:.3;box-shadow:none}50%{opacity:1;box-shadow:0 0 8px var(--cyan)}}.status-text{font-family:var(--ff-mono);font-size:.5rem;color:var(--text-lo);letter-spacing:.18em}.hamburger{display:none;flex-direction:column;gap:5px;cursor:none;padding:6px;background:none;border:none}.hamburger span{display:block;width:22px;height:1.5px;background:var(--text-lo);transition:all .25s ease}#mobile-menu{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a0ff7;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:200;flex-direction:column;align-items:center;justify-content:center;gap:2.5rem}#mobile-menu.open{display:flex}#mobile-menu a{font-family:var(--ff-disp);font-weight:800;font-size:clamp(2rem,8vw,2.75rem);color:var(--text-lo);text-decoration:none;letter-spacing:.1em;text-transform:uppercase;cursor:none;transition:color .2s ease}#mobile-menu a:hover{color:var(--cyan)}#menu-close{position:absolute;top:1.5rem;right:1.75rem;background:none;border:none;color:var(--text-lo);font-size:1.5rem;cursor:none;padding:.5rem}#social-rail{position:fixed;right:1.75rem;top:50%;transform:translateY(-50%);z-index:50;display:flex;flex-direction:column;align-items:center;gap:.75rem}.rail-line{width:1px;height:52px;background:linear-gradient(to bottom,transparent,var(--border-dim),transparent)}.rail-pulse{width:4px;height:4px;border-radius:50%;background:var(--cyan);animation:railDot 2s ease-in-out infinite}@keyframes railDot{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.3);box-shadow:0 0 5px var(--cyan)}}.s-icon{position:relative;width:36px;height:36px;border:1px solid rgba(0,212,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:none;text-decoration:none;transition:border-color .2s ease,box-shadow .2s ease}.s-icon svg{width:14px;height:14px;fill:#ffffff8c;transition:fill .2s ease}.s-icon:hover{border-color:var(--cyan);box-shadow:0 0 14px #00d4ff4d}.s-icon:hover svg{fill:var(--cyan)}.s-tip{position:absolute;right:calc(100% + .75rem);top:50%;transform:translateY(-50%) translate(8px);background:#0a0a0feb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);padding:.2rem .65rem;white-space:nowrap;font-family:var(--ff-mono);font-size:.6rem;color:var(--text-lo);letter-spacing:.08em;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}.s-icon:hover .s-tip{opacity:1;transform:translateY(-50%) translate(0)}.page-wrap{position:relative;z-index:10;padding:clamp(5rem,10vh,7rem) clamp(1.5rem,8vw,8rem) 6rem;max-width:1100px;margin:0 auto}.page-title{font-family:var(--ff-disp);font-weight:800;font-size:clamp(2.5rem,6vw,5rem);letter-spacing:.1em;text-transform:uppercase;line-height:.95;margin-bottom:1rem}.page-subtitle{font-family:var(--ff-mono);font-size:.75rem;color:var(--text-lo);letter-spacing:.2em;text-transform:uppercase;margin-bottom:4rem;display:flex;align-items:center;gap:.875rem}.page-subtitle:before{content:"";display:inline-block;width:32px;height:1px;background:var(--border-dim)}#footer{position:relative;z-index:10;padding:1.75rem clamp(1.5rem,5vw,5rem);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;font-family:var(--ff-mono);font-size:.58rem;color:var(--text-dim);letter-spacing:.12em;text-transform:uppercase}.footer-cv{color:var(--text-dim);text-decoration:none;cursor:none;transition:color .2s ease}.footer-cv:hover{color:var(--cyan)}::selection{background:var(--cyan);color:#080a0f}.reveal{opacity:0;transform:translateY(24px);filter:blur(3px);transition:opacity .6s ease,transform .6s ease,filter .6s ease}.reveal.in{opacity:1;transform:translateY(0);filter:blur(0)}@media (max-width: 900px){#social-rail,.nav-links,.nav-status{display:none}.hamburger{display:flex}body{cursor:auto}#cursor-dot,#cursor-ring,#cursor-glow{display:none}}