:root{color-scheme:dark;--bid: #00e5ff;--ask: #ff2bd6;--text: #f2f6ff;--muted: rgba(242, 246, 255, .56);--faint: rgba(242, 246, 255, .38)}*{box-sizing:border-box}html,body{margin:0;background:#000;color:var(--text);font-family:Michroma,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:var(--bid);color:#000}.shell{position:relative;min-height:100svh;overflow:hidden}.orderbook-canvas{position:fixed;inset:0;z-index:0;width:100%;height:100%;pointer-events:none}.shell:after{content:"";position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 50% 22% at 50% 15%,rgba(0,0,0,.6),transparent 75%),linear-gradient(180deg,rgba(0,0,0,.45),transparent 22%,transparent 84%,rgba(0,0,0,.55))}.top,.hero{position:relative;z-index:2}.top{padding:26px clamp(16px,4vw,44px)}.mark{font-size:13px;letter-spacing:.42em}.hero{display:flex;flex-direction:column;align-items:center;padding:clamp(28px,8vh,84px) 16px 0;text-align:center}h1{margin:0;font-size:clamp(18px,2.4vw,32px);font-weight:400;letter-spacing:.12em;text-transform:uppercase}.sub{max-width:34ch;margin:18px 0 0;font-family:JetBrains Mono,ui-monospace,monospace;font-size:clamp(11px,1vw,13px);line-height:1.7;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}@media(min-width:900px){.sub{max-width:none}}.foot{position:absolute;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:flex-end;gap:8px;padding:22px clamp(16px,4vw,44px);font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}.foot a{color:var(--muted);text-decoration:none;text-transform:none;letter-spacing:.06em;transition:color .15s}.foot a:hover{color:var(--bid)}.glitch{position:relative;display:inline-block}.glitch-base{display:inline-block}.glitch-layer{position:absolute;inset:0;opacity:0;pointer-events:none}.glitch-layer--top{color:var(--bid)}.glitch-layer--low{color:var(--ask)}.is-glitching .glitch-base{animation:glitch-base .82s steps(1,end) both}.is-glitching .glitch-layer--top{animation:glitch-top .82s steps(1,end) both}.is-glitching .glitch-layer--mid{animation:glitch-mid .82s steps(1,end) both}.is-glitching .glitch-layer--low{animation:glitch-low .82s steps(1,end) both}@keyframes glitch-base{0%{opacity:.18;transform:translate(-10px) skew(-3deg);filter:blur(1px)}12%{opacity:.82;transform:translate(6px) skew(2deg)}24%{opacity:.42;transform:translate(-3px)}36%{opacity:.95;transform:translate(4px)}48%{opacity:.68;transform:translate(-2px) skew(-1deg)}60%{opacity:1;transform:none;filter:none}to{opacity:1;transform:none}}@keyframes glitch-top{0%{opacity:.8;clip-path:inset(0 0 78% 0);transform:translate(-16px,-2px)}14%{opacity:.56;clip-path:inset(12% 0 63% 0);transform:translate(10px,1px)}28%{opacity:.72;clip-path:inset(3% 0 82% 0);transform:translate(-6px,-1px)}42%{opacity:.34;clip-path:inset(19% 0 62% 0);transform:translate(5px)}58%,to{opacity:0;clip-path:inset(0 0 100% 0);transform:none}}@keyframes glitch-mid{0%{opacity:0;clip-path:inset(40% 0 41% 0);transform:translate(0)}16%{opacity:.7;clip-path:inset(36% 0 43% 0);transform:translate(14px)}30%{opacity:.62;clip-path:inset(48% 0 31% 0);transform:translate(-12px,1px)}46%{opacity:.48;clip-path:inset(31% 0 53% 0);transform:translate(7px,-1px)}64%,to{opacity:0;clip-path:inset(50% 0 50% 0);transform:none}}@keyframes glitch-low{0%{opacity:.62;clip-path:inset(69% 0 8% 0);transform:translate(12px,2px)}18%{opacity:.42;clip-path:inset(57% 0 19% 0);transform:translate(-9px,-1px)}34%{opacity:.72;clip-path:inset(77% 0 1% 0);transform:translate(5px,1px)}52%{opacity:.36;clip-path:inset(63% 0 24% 0);transform:translate(-4px)}68%,to{opacity:0;clip-path:inset(100% 0 0 0);transform:none}}
