:root{--bg: #0b0f19;--panel: rgba(18, 25, 44, .75);--panel-solid: #12192c;--text: #e9f0ff;--muted: #a9b4d0;--brand: #8b5cf6;--brand2: #22d3ee;--danger: #fb7185;--border: rgba(255,255,255,.1);--shadow: 0 18px 45px rgba(0,0,0,.45);--radius: 16px;--radius-sm: 12px;--font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji"}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font);color:var(--text);background:radial-gradient(1200px 600px at 20% 10%,rgba(139,92,246,.25),transparent 50%),radial-gradient(1000px 600px at 80% 20%,rgba(34,211,238,.18),transparent 55%),radial-gradient(900px 700px at 50% 100%,rgba(251,113,133,.1),transparent 50%),var(--bg)}a{color:inherit;text-decoration:none}button{font-family:inherit}img{max-width:100%;height:auto}.container{width:min(1120px,calc(100% - 32px));margin:0 auto}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.p-24{padding:24px}.p-16{padding:16px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;font-size:12px;border:1px solid var(--border);background:#00000040}.badge-danger{border-color:#fb718559;background:#fb71852e;color:#ffd3db}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--border);background:#00000040;color:var(--text);cursor:pointer;transition:transform .12s ease,border-color .12s ease,background .12s ease}.btn:hover{transform:translateY(-1px);border-color:#ffffff2e;background:#00000052}.btn-primary{border-color:#8b5cf666;background:linear-gradient(135deg,#8b5cf64d,#22d3ee2e)}.btn-primary:hover{border-color:#22d3ee73}.input{width:100%;height:44px;padding:0 14px;border-radius:12px;border:1px solid var(--border);background:#00000040;color:var(--text);outline:none}.input:focus{border-color:#22d3ee73}.grid{display:grid;gap:16px}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width: 960px){.grid-3{grid-template-columns:1fr}}