:root{--bg:#080808;--bg2:#111;--card:#191919;--red-d:#8B151B;--red:#C62832;--text:#F5F5F5;--mute:#8B8B8B;--line:rgba(255,255,255,.08);--r:14px;--ease:cubic-bezier(.2,.7,.2,1);
--font:Inter,-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Roboto,system-ui,sans-serif;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--text);font:400 16px/1.6 var(--font);-webkit-font-smoothing:antialiased;min-height:100vh}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}
:focus-visible{outline:2px solid var(--red);outline-offset:3px;border-radius:6px}
.logo{display:inline-flex;align-items:center;gap:.6rem;font-weight:700;letter-spacing:.16em;font-size:.85rem;text-transform:uppercase}
.logo b{font-weight:700}.logo-mark{width:.8rem;height:.8rem;border-radius:3px;background:var(--red);display:inline-block;transform:rotate(45deg)}
.logo.glitch span{animation:glitch .32s steps(2) 1}
@keyframes glitch{0%{transform:translate(0)}25%{transform:translate(-2px,1px);color:var(--red)}50%{transform:translate(2px,-1px);text-shadow:-1px 0 var(--red-d)}100%{transform:translate(0)}}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:46px;padding:0 1.4rem;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--text);font:500 .95rem var(--font);cursor:pointer;transition:background .25s var(--ease),border-color .25s,transform .25s var(--ease)}
.btn:hover{border-color:rgba(255,255,255,.25);background:rgba(255,255,255,.04)}.btn:active{transform:scale(.98)}
.btn.primary{background:var(--red);border-color:var(--red);color:#fff}.btn.primary:hover{background:#d4303b}
.btn.danger{border-color:var(--red-d);color:#ff8d94}.btn[disabled]{opacity:.5;cursor:not-allowed}
.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}