:root{--void:#06080c;--bar:#0a0c11;--blue:#4fc7ff;--blue-deep:#1c85ff;--ice:#eefaff;--text:#f3f6fb;--muted:#8b94a6;--barBig:172px;--barSmall:66px;--wave:0;--wave2:0}*{box-sizing:border-box}html,body{margin:0}body{background:var(--void);color:var(--text);font-family:Inter,Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}header{position:sticky;top:0;z-index:50;height:var(--barBig);display:flex;align-items:center;justify-content:center;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E"),var(--bar);border-bottom:1px solid rgba(255,255,255,.12);transition:height .4s cubic-bezier(.2,.7,.2,1);overflow:hidden}header.min{height:var(--barSmall)}header:before,header:after{content:"";position:absolute;inset:-60% -30%;pointer-events:none;mix-blend-mode:screen;filter:blur(38px);z-index:0}header:before{background:radial-gradient(40% 80% at 22% 50%,rgba(79,199,255,1),transparent 60%),radial-gradient(46% 90% at 64% 44%,rgba(28,133,255,.85),transparent 58%);opacity:calc(.035 + var(--wave) * .72);animation:sheenA 32s ease-in-out infinite}header:after{background:radial-gradient(38% 86% at 78% 56%,rgba(140,228,255,.95),transparent 58%),radial-gradient(42% 80% at 36% 60%,rgba(40,150,255,.75),transparent 60%);opacity:calc(.025 + var(--wave2) * .6);animation:sheenB 49s ease-in-out infinite}.topo{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;mix-blend-mode:screen;filter:blur(15px);opacity:calc(.04 + var(--wave) * 1.05)}@keyframes sheenA{0%{transform:translate3d(-8%,0,0) scale(1.05) rotate(0)}50%{transform:translate3d(10%,-4%,0) scale(1.14) rotate(2deg)}to{transform:translate3d(-8%,0,0) scale(1.05) rotate(0)}}@keyframes sheenB{0%{transform:translate3d(6%,2%,0) scale(1.1) rotate(0)}50%{transform:translate3d(-10%,-3%,0) scale(1.04) rotate(-2deg)}to{transform:translate3d(6%,2%,0) scale(1.1) rotate(0)}}.brand{position:relative;z-index:1;display:inline-block;color:var(--ice);text-decoration:none;font-weight:900;text-transform:uppercase;font-size:clamp(2.2rem,7.5vw,5.4rem);letter-spacing:-.045em;line-height:1;transition:font-size .4s cubic-bezier(.2,.7,.2,1)}header.min .brand{font-size:clamp(1rem,2vw,1.35rem);letter-spacing:-.03em}.brand-base{color:var(--ice)}.brand-glow{position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(105deg,#4fc7ff00 36%,#9fe6ff,#4fc7ff00 64%);background-size:260% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;opacity:calc(.13 + var(--wave) * .87);text-shadow:0 0 calc(6px + var(--wave) * 42px) rgba(79,199,255,calc(.2 + var(--wave) * .72)),0 0 calc(2px + var(--wave) * 13px) rgba(150,228,255,calc(.22 + var(--wave) * .6));animation:sweep 10s ease-in-out infinite}@keyframes sweep{0%{background-position:140% 0}to{background-position:-140% 0}}.brand-flow{position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen;color:transparent;-webkit-text-fill-color:transparent;opacity:calc(var(--wave) * 1.15);animation:orbit 5s linear infinite}@keyframes orbit{0%{text-shadow:0 -8px calc(14px + var(--wave)*26px) rgba(79,199,255,.95),0 -3px 9px rgba(160,232,255,.85)}25%{text-shadow:9px 0 calc(14px + var(--wave)*26px) rgba(79,199,255,.95),3px 0 9px rgba(160,232,255,.85)}50%{text-shadow:0 8px calc(14px + var(--wave)*26px) rgba(79,199,255,.95),0 3px 9px rgba(160,232,255,.85)}75%{text-shadow:-9px 0 calc(14px + var(--wave)*26px) rgba(79,199,255,.95),-3px 0 9px rgba(160,232,255,.85)}to{text-shadow:0 -8px calc(14px + var(--wave)*26px) rgba(79,199,255,.95),0 -3px 9px rgba(160,232,255,.85)}}.burger{position:absolute;right:clamp(18px,4vw,40px);top:50%;transform:translateY(-50%);width:30px;height:20px;background:none;border:0;padding:0;cursor:pointer;z-index:60}.burger span{position:absolute;left:0;right:0;height:2px;border-radius:2px;background:var(--ice);transition:transform .3s ease,opacity .2s ease,top .3s ease,bottom .3s ease}.burger span:nth-child(1){top:0}.burger span:nth-child(2){top:50%;transform:translateY(-50%)}.burger span:nth-child(3){bottom:0}.burger.open span:nth-child(1){top:50%;transform:translateY(-50%) rotate(45deg)}.burger.open span:nth-child(2){opacity:0}.burger.open span:nth-child(3){bottom:50%;transform:translateY(50%) rotate(-45deg)}.menu{position:fixed;inset:0;z-index:40;background:#06080cf9;backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;opacity:0;visibility:hidden;transition:opacity .35s ease,visibility .35s ease}.menu.open{opacity:1;visibility:visible}.menu a{color:var(--muted);text-decoration:none;text-transform:uppercase;font-weight:600;font-size:clamp(.78rem,1.5vw,.98rem);letter-spacing:.2em;opacity:.9;transition:color .2s,opacity .2s}.menu a:hover{color:var(--ice);opacity:1}.menu a.primary{color:var(--ice);font-weight:900;letter-spacing:-.04em;font-size:clamp(2.4rem,7vw,4rem);margin-bottom:20px}.menu a.primary:hover{color:var(--blue)}.prose{max-width:760px;margin:0 auto;padding:clamp(30px,6vw,72px) clamp(20px,5vw,28px) 90px}.prose h1{font-size:clamp(2rem,5.5vw,3.4rem);font-weight:900;letter-spacing:-.045em;text-transform:uppercase;margin:0 0 6px;line-height:1}.prose .updated{color:var(--muted);font-size:.85rem;margin:0 0 30px}.prose h2{font-size:clamp(1.08rem,2.2vw,1.4rem);font-weight:800;letter-spacing:-.02em;color:var(--ice);margin:36px 0 10px}.prose p,.prose li{color:#c3ccda;line-height:1.75;font-size:1rem}.prose ul{padding-left:1.2em;margin:10px 0}.prose li{margin:6px 0}.prose a{color:var(--blue);text-decoration:none;border-bottom:1px solid rgba(79,199,255,.3)}.prose a:hover{color:#9fe6ff;border-color:#9fe6ff}.prose strong{color:var(--ice)}.box{border:1px solid rgba(79,199,255,.22);background:#4fc7ff0d;border-radius:14px;padding:18px 20px;margin:24px 0}.box p{margin:0}footer{padding:22px clamp(18px,4vw,46px);color:#5a6576;font-size:.8rem;text-align:center}footer a{color:#7d8aa0;text-decoration:none}footer a:hover{color:var(--ice)}@media(prefers-reduced-motion:reduce){header,.brand,.topo,.brand-glow{animation:none;transition:none}}