:root{--black:#050505;--charcoal:#171719;--charcoal-2:#242427;--white:#eeeef0;--pink:#ff4fbe;--ice:#78eaff;--muted:#939398}
*{box-sizing:border-box} html,body{margin:0;min-height:100%;background:var(--charcoal);color:var(--white);font-family:Arial,Helvetica,sans-serif} a{color:inherit;text-decoration:none}
#fluidCanvas{position:fixed;inset:0;width:100vw;height:100vh;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 28% 25%,#0b0b0c 0 11%,transparent 29%),radial-gradient(ellipse at 76% 70%,#111113 0 8%,transparent 35%),#1a1a1c}.grain{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.14;background-image:repeating-radial-gradient(circle at 0 0,#fff 0 1px,transparent 1px 3px);mix-blend-mode:soft-light}
.site-shell{position:relative;z-index:2;display:grid;grid-template-columns:290px minmax(0,1fr);min-height:100vh;padding:28px 42px}.identity-panel{position:relative;padding:16px 34px 34px 5px;border-right:1px solid #ffffff1f;min-height:calc(100vh - 56px)}
.logo-link{display:block;max-width:220px;min-height:68px;margin:0 0 35px;transform:rotate(-2deg)}.site-logo{max-width:100%;max-height:120px;object-fit:contain;filter:drop-shadow(4px 4px 0 var(--pink)) drop-shadow(-3px -3px 0 var(--ice))}.logo-fallback{display:block;font-family:Impact,Arial Black,sans-serif;font-size:45px;letter-spacing:2px;text-shadow:4px 4px 0 var(--pink),-2px -2px 0 var(--ice)}
.status,.eyebrow,.side-links>p,.copyright{font-size:9px;letter-spacing:1.7px}.status{display:flex;align-items:center;gap:8px;color:var(--muted);margin:0 0 30px}.status i{width:7px;height:7px;border-radius:50%;background:var(--ice);box-shadow:0 0 10px var(--ice);animation:pulse 1.9s infinite}@keyframes pulse{50%{opacity:.25;transform:scale(.7)}}.bio h1{font-family:Impact,Arial Black,sans-serif;font-size:43px;line-height:.87;margin:0 0 22px}.bio h1 strong{color:var(--pink);font-weight:inherit}.bio p:not(.eyebrow){max-width:235px;color:#c6c6c9;font-size:14px;line-height:1.55}.eyebrow{color:var(--ice);margin:0 0 12px}.side-links{margin-top:43px;display:grid;gap:9px}.side-links>p{color:var(--muted);margin:0 0 5px}.side-links a{width:max-content;font-size:11px;font-weight:bold;letter-spacing:.7px;border-bottom:1px solid #ffffff2e;padding-bottom:2px;transition:.15s}.side-links a:hover{color:var(--pink);transform:translateX(5px)}.ice-mark{display:flex;align-items:center;gap:11px;color:var(--ice);margin-top:52px;font-size:14px}.ice-mark span{width:87px;height:1px;background:linear-gradient(90deg,var(--ice),transparent)}.copyright{position:absolute;bottom:5px;color:#77777c}
.main-stage{display:flex;min-width:0;min-height:calc(100vh - 56px);padding-left:42px;flex-direction:column}.top-nav{display:flex;justify-content:center;padding:5px 0 20px}.top-nav nav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.top-nav a{padding:13px 18px;border:1px solid #ffffff2b;background:#101012d9;box-shadow:3px 3px 0 #000;font-family:Impact,Arial Black,sans-serif;font-size:14px;letter-spacing:.8px;transition:.16s}.top-nav a:nth-child(odd){transform:rotate(-1.2deg)}.top-nav a:nth-child(even){transform:rotate(1deg)}.top-nav a:hover{color:#050505;background:var(--pink);border-color:var(--pink);box-shadow:5px 5px 0 var(--ice);transform:translate(-2px,-3px) rotate(0)}
.landing{display:flex;flex:1;flex-direction:column;justify-content:center;align-items:center;padding:10px 0 25px}.corner-label{align-self:flex-start;margin:0 0 10px;color:var(--ice);font:9px/1 monospace;letter-spacing:3px}.hero-frame{position:relative;width:min(100%,1000px);padding:8px;background:#0a0a0b;border:1px solid #78eaff66;box-shadow:8px 8px 0 #000,-4px -4px 0 #ff4fbe66;clip-path:polygon(0 2%,2% 0,98% 1%,100% 5%,99% 97%,96% 100%,3% 99%,0 95%)}.hero-frame:before{content:"";position:absolute;inset:15px;z-index:1;pointer-events:none;border:1px solid #ff4fbe42}.hero-frame img{display:block;width:100%;max-height:64vh;object-fit:contain;background:#111}.gif-placeholder{width:100%;aspect-ratio:16/9;display:grid;place-content:center;text-align:center;background:repeating-linear-gradient(-45deg,#131315 0 15px,#0c0c0d 15px 30px);border:2px dashed #78eaff88;color:var(--ice);font:20px Impact,Arial Black,sans-serif;letter-spacing:2px}.gif-placeholder small{margin-top:9px;color:#c5c5c9;font:12px monospace;letter-spacing:0}.landing h2{align-self:flex-start;margin:20px 0 0;font:clamp(26px,3.1vw,49px)/.88 Impact,Arial Black,sans-serif;letter-spacing:.5px;text-shadow:3px 3px 0 #000}.quick-links{display:flex;gap:13px;align-items:center;margin-top:15px;font-size:10px;font-weight:bold;letter-spacing:1px}.quick-links a:hover{color:var(--pink)}.quick-links span{color:var(--ice)}.stage-footer{display:flex;align-items:center;gap:12px;justify-content:center;margin-top:auto;padding:14px 0 0;color:#99999d;font:9px monospace;letter-spacing:2px}.stage-footer span{height:1px;flex:1;max-width:220px;background:linear-gradient(90deg,transparent,var(--ice),transparent)}
@media(max-width:820px){.site-shell{grid-template-columns:1fr;padding:18px}.identity-panel{min-height:auto;padding:12px 0 27px;border-right:0;border-bottom:1px solid #ffffff1f}.logo-link{margin:0 auto 23px;text-align:center}.status,.bio,.side-links,.ice-mark{justify-content:center;text-align:center}.bio p:not(.eyebrow){margin-left:auto;margin-right:auto}.side-links a{margin:auto}.copyright{position:static;display:block;text-align:center;margin-top:28px}.main-stage{min-height:auto;padding:22px 0 0}.corner-label{align-self:center}.landing h2{text-align:center;align-self:center}.hero-frame img{max-height:52vh}.stage-footer{margin-top:12px}}@media(max-width:480px){.top-nav a{padding:10px;font-size:12px}.bio h1{font-size:36px}.quick-links{flex-wrap:wrap;justify-content:center}.site-shell{padding:10px}.hero-frame{padding:5px}}