@import "https://fonts.googleapis.com/css2?family=Syne:wght@700;800&family=DM+Sans:wght@300;400;500&display=swap";
:root{--bg:#0d0d0d;--surface:#161616;--surface2:#1f1f1f;--border:#2a2a2a;--accent:#e8ff57;--accent-dim:#e8ff571f;--text:#f0f0f0;--muted:#777;--danger:#ff5757;--success:#57ff8f;--radius:16px;--radius-sm:10px;--font-display:"Syne",sans-serif;--font-body:"DM Sans",sans-serif;--shadow-sm:0 2px 8px #0006;--shadow-md:0 8px 32px #00000080}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;min-height:100vh;font-size:15px;line-height:1.6}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:var(--font-body)}.syne{font-family:var(--font-display)}.btn{white-space:nowrap;cursor:pointer;font-size:14px;font-weight:500;font-family:var(--font-body);border:none;border-radius:100px;align-items:center;gap:8px;padding:10px 20px;transition:all .2s;display:inline-flex}.btn-accent{background:var(--accent);color:#0d0d0d;font-weight:600}.btn-accent:hover{background:#d4eb40;transform:translateY(-1px)}.btn-outline{color:var(--text);border:1px solid var(--border);background:0 0}.btn-outline:hover{border-color:var(--accent);color:var(--accent)}.btn-ghost{color:var(--muted);background:0 0;border:1px solid #0000}.btn-ghost:hover{color:var(--text);border-color:var(--border)}.btn-danger{color:var(--danger);background:#ff57571f;border:1px solid #ff575733}.btn-sm{padding:7px 14px;font-size:13px}