:root{--sky0: #0f0c17;--sky1: #1a1428;--sky2: #241b3a;--panel: #201936;--panel2: #2a2147;--plum: #3a2f56;--pink: #e06287;--pink-deep: #c94f74;--pink-soft: #f0a7bb;--lav: #b9a8d8;--purple: #6f5da3;--cream: #f2e3c9;--peach: #e6a97e;--green: #7fae62;--neon: #8cf5c3;--line: rgba(185, 168, 216, .16);--marker: "Rock Salt", "Permanent Marker", cursive;--pixel: "DotGothic16", monospace;--body: "Zen Maru Gothic", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{background:var(--sky0);color:var(--cream);font-family:var(--body);line-height:1.6;overflow-x:hidden;min-height:100vh}::selection{background:var(--pink);color:var(--sky0)}::-webkit-scrollbar{width:11px}::-webkit-scrollbar-track{background:var(--sky0)}::-webkit-scrollbar-thumb{background:linear-gradient(var(--pink),var(--purple));border-radius:6px;border:2px solid var(--sky0)}::-webkit-scrollbar-thumb:hover{background:var(--pink-soft)}html{scrollbar-color:var(--plum) var(--sky0);scrollbar-width:thin}img{max-width:100%;display:block}a{color:inherit}button{font-family:inherit;cursor:pointer}input{font-family:inherit}.grain{position:fixed;top:-100%;right:-100%;bottom:-100%;left:-100%;z-index:200;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");animation:grain-shift .9s steps(4) infinite}@keyframes grain-shift{0%{transform:translate(0)}25%{transform:translate(-2%,1%)}50%{transform:translate(1%,-2%)}75%{transform:translate(-1%,2%)}to{transform:translate(2%,-1%)}}.vignette{position:fixed;top:0;right:0;bottom:0;left:0;z-index:190;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,transparent 55%,rgba(8,5,14,.55) 100%)}@media(pointer:fine){.wisp{position:fixed;z-index:300;pointer-events:none;width:18px;height:18px;border-radius:50% 50% 50% 4px;left:0;top:0;background:radial-gradient(circle at 35% 35%,#ffd9e6,var(--pink) 65%,transparent 75%);box-shadow:0 0 14px 3px #e062878c;transform:translate(-50%,-50%) rotate(45deg);transition:width .2s,height .2s;mix-blend-mode:screen}.wisp.on-link{width:30px;height:30px}.wisp-trail{position:fixed;z-index:299;pointer-events:none;width:8px;height:8px;border-radius:50%;left:0;top:0;background:#f0a7bb80;box-shadow:0 0 8px 2px #e062874d;transform:translate(-50%,-50%);mix-blend-mode:screen}}@media(pointer:coarse){.wisp,.wisp-trail{display:none}}.nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:14px clamp(16px,4vw,40px);background:linear-gradient(rgba(15,12,23,.85),transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.nav-brand{display:flex;align-items:center;gap:12px;text-decoration:none}.nav-brand img{width:42px;height:42px;border-radius:50%;border:2px solid var(--pink);box-shadow:0 0 12px #e0628766}.nav-brand span{font-family:var(--marker);font-size:20px;letter-spacing:2px;color:var(--pink);text-shadow:2px 2px 0 rgba(0,0,0,.6)}.nav-links{display:flex;align-items:center;gap:clamp(10px,2.5vw,26px)}.nav-links a.plain{font-family:var(--pixel);font-size:14px;color:var(--lav);text-decoration:none;transition:color .2s}.nav-links a.plain:hover{color:var(--neon)}.btn{--btn-bg: var(--pink);--btn-fg: #1c0a12;position:relative;display:inline-flex;align-items:center;gap:10px;padding:14px 30px;font-family:var(--pixel);font-size:16px;letter-spacing:1px;color:var(--btn-fg);text-decoration:none;background:var(--btn-bg);border:none;border-radius:4px;box-shadow:4px 4px #0000008c,0 0 22px #e0628740;transition:transform .15s,box-shadow .15s,background .2s;will-change:transform}.btn:hover{background:var(--pink-soft)}.btn:active{transform:translate(3px,3px);box-shadow:1px 1px #0000008c}.btn.ghost{--btn-bg: transparent;--btn-fg: var(--lav);background:transparent;border:2px solid var(--plum);box-shadow:4px 4px #00000059}.btn.ghost:hover{border-color:var(--pink);color:var(--pink-soft);background:#e062870f}.btn.neon{--btn-bg: transparent;--btn-fg: var(--neon);background:transparent;border:2px solid var(--neon);box-shadow:4px 4px #00000059,0 0 18px #8cf5c326}.btn.neon:hover{background:#8cf5c314}.btn:disabled{opacity:.45;cursor:not-allowed}.marquee{overflow:hidden;white-space:nowrap;border-top:2px solid var(--plum);border-bottom:2px solid var(--plum);background:var(--sky1);padding:10px 0;display:flex}.marquee-track{display:inline-flex;gap:0;flex-shrink:0;animation:marquee-l 28s linear infinite}.marquee.rev .marquee-track{animation-name:marquee-r}.marquee span{font-family:var(--pixel);font-size:15px;letter-spacing:2px;color:var(--lav);padding:0 18px}.marquee span.hot{color:var(--pink)}.marquee span.mono{color:var(--green)}@keyframes marquee-l{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes marquee-r{0%{transform:translate(-50%)}to{transform:translate(0)}}.footer{border-top:2px solid var(--plum);background:var(--sky1);padding:36px clamp(16px,5vw,48px) 44px;display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between}.footer .foot-brand{display:flex;align-items:center;gap:12px}.footer .foot-brand img{width:36px;height:36px;border-radius:50%;border:2px solid var(--plum)}.footer .foot-brand b{font-family:var(--marker);color:var(--pink);letter-spacing:2px}.footer p{font-family:var(--pixel);font-size:13px;color:var(--purple)}.footer a{color:var(--lav);text-decoration:none;font-family:var(--pixel);font-size:14px}.footer a:hover{color:var(--neon)}.section{position:relative;padding:clamp(70px,11vw,130px) clamp(16px,5vw,48px);max-width:1200px;margin:0 auto}.sec-tag{font-family:var(--pixel);font-size:14px;letter-spacing:3px;color:var(--green);text-transform:uppercase;display:inline-block;margin-bottom:14px}.sec-title{font-family:var(--marker);font-size:clamp(30px,5.4vw,56px);color:var(--cream);line-height:1.15;text-shadow:3px 3px 0 rgba(0,0,0,.5);margin-bottom:18px}.sec-title .hot{color:var(--pink)}.reveal{opacity:0}.snd-toggle{position:fixed;left:16px;bottom:16px;z-index:210;font-family:var(--pixel);font-size:12px;letter-spacing:1px;color:var(--lav);background:#201936d9;border:1.5px solid var(--plum);border-radius:6px;padding:7px 12px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:color .2s,border-color .2s}.snd-toggle:hover{color:var(--pink-soft);border-color:var(--pink-deep)}@media(prefers-reduced-motion:reduce){.grain,.marquee-track{animation:none!important}html{scroll-behavior:auto}}.atropos{position:relative;display:block;perspective:1200px;transform:translateZ(0)}.atropos-rotate-touch,.atropos-rotate-scroll-x,.atropos-rotate-scroll-y{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.atropos-rotate-touch-scroll-y{touch-action:pan-y}.atropos-rotate-touch-scroll-x{touch-action:pan-x}.atropos-rotate-touch{touch-action:none}.atropos-scale,.atropos-rotate{width:100%;height:100%;transform-style:preserve-3d;transition-property:transform;display:block}.atropos-shadow,.atropos-highlight{position:absolute;pointer-events:none;transition-property:transform,opacity;display:block;opacity:0}.atropos-shadow{z-index:-1;background:#000;left:0;top:0;width:100%;height:100%;filter:blur(30px)}.atropos-highlight{left:-50%;top:-50%;width:200%;height:200%;background-image:radial-gradient(circle at 50%,rgba(255,255,255,.25),transparent 50%);z-index:0}.atropos-rotate{position:relative}.atropos-inner{width:100%;height:100%;position:relative;overflow:hidden;transform-style:preserve-3d;transform:translateZ(0);display:block}.atropos-active{z-index:1}.atropos-active .atropos-shadow{opacity:1!important}[data-atropos-offset],::slotted([data-atropos-offset]){transition-property:transform}[data-atropos-opacity]{transition-property:opacity}[data-atropos-offset][data-atropos-opacity],::slotted([data-atropos-offset][data-atropos-opacity]){transition-property:transform,opacity}.splitting .word,.splitting .char{display:inline-block}.splitting .char{position:relative}.splitting .char:before,.splitting .char:after{content:attr(data-char);position:absolute;top:0;left:0;visibility:hidden;transition:inherit;-webkit-user-select:none;user-select:none}.splitting{--word-center: calc((var(--word-total) - 1) / 2);--char-center: calc((var(--char-total) - 1) / 2);--line-center: calc((var(--line-total) - 1) / 2)}.splitting .word{--word-percent: calc(var(--word-index) / var(--word-total));--line-percent: calc(var(--line-index) / var(--line-total))}.splitting .char{--char-percent: calc(var(--char-index) / var(--char-total));--char-offset: calc(var(--char-index) - var(--char-center));--distance: calc( (var(--char-offset) * var(--char-offset)) / var(--char-center) );--distance-sine: calc(var(--char-offset) / var(--char-center));--distance-percent: calc((var(--distance) / var(--char-center)))}