:root{--bg1:#0b1020;--bg2:#0a2a3a;--card: rgba(255,255,255,.08);--border: rgba(255,255,255,.14);--text: rgba(255,255,255,.92);--muted: rgba(255,255,255,.72);--gold: #ffd27a;--red: #ff3b3b;--green: #2cff9a}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:radial-gradient(1200px 600px at 20% 10%,#16315a 0%,transparent 60%),radial-gradient(900px 500px at 80% 30%,#0f4a3a 0%,transparent 55%),linear-gradient(160deg,var(--bg1),var(--bg2));overflow-x:hidden}a{color:inherit}.container{max-width:980px;margin:0 auto;padding:32px 18px}.card{background:var(--card);border:1px solid var(--border);border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 20px 60px #00000059}.btn{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--border);background:#0000002e;color:var(--text);padding:10px 14px;border-radius:14px;cursor:pointer;-webkit-user-select:none;user-select:none}.btn:hover{background:#ffffff14}.badge{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);padding:6px 10px;border-radius:999px;background:#00000026;color:var(--muted);font-size:13px}