:root{--bg:#0a0f1c;--bg-soft:#0f172a;--bg-hover:#16213a;--text:#e5e7eb;--text-muted:#9ca3af;--accent:#3b82f6;--accent-hover:#2563eb;--border:#1f2937;--radius:14px;--container:1080px}*{box-sizing:border-box}html,body{height:100%}body{color:var(--text);background:radial-gradient(circle at 20% 0,#111827,#020617 60%);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial}.container{max-width:var(--container);margin:0 auto;padding:0 20px}.card{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius);padding:18px;transition:all .2s}.card:hover{background:var(--bg-hover)}.btn{cursor:pointer;border:none;border-radius:10px;padding:10px 16px;font-weight:600}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-outline{border:1px solid var(--border);color:var(--text);background:0 0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}