:root{
  --bg:#0b0f17; --card:#121826; --ink:#d6e2ff; --muted:#8aa0c5; --accent:#3b82f6; --accent-2:#8b5cf6;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:radial-gradient(1000px 700px at 70% -10%, #182235 0%, #0b0f17 60%);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,Helvetica,Arial,sans-serif;min-height:100%}
a{color:var(--ink);text-decoration:none}
.header{display:flex;gap:12px;align-items:center;padding:18px 20px;border-bottom:1px solid #1f2a44;background:linear-gradient(0deg, rgba(24,34,53,.6), rgba(24,34,53,.6)), url('/assets/stars.svg');background-size:cover}
.logo{width:34px;height:34px;border-radius:50%;background:conic-gradient(from 210deg,#3b82f6,#22d3ee,#8b5cf6,#3b82f6)}
.title{font-weight:800;letter-spacing:.4px}
.quote{opacity:.8}
.wrap{max-width:980px;margin:28px auto;padding:0 18px}
.card{background:linear-gradient(180deg, rgba(21,27,43,.8), rgba(13,18,30,.9));border:1px solid #1f2a44;border-radius:14px;padding:18px;box-shadow:0 10px 40px rgba(2,8,23,.5)}
.btn{display:inline-block;padding:12px 16px;border-radius:10px;background:linear-gradient(90deg,var(--accent),var(--accent-2));font-weight:700}
.row{display:flex;gap:16px;flex-wrap:wrap}
.k{color:#94a3b8}
.h{margin:6px 0 14px 0}
footer{opacity:.7;text-align:center;margin:30px 0 60px}
input,select{background:#0f1525;border:1px solid #263353;color:#d6e2ff;border-radius:10px;padding:10px 12px;width:100%;}
label{font-size:.9rem;color:#aab8d8}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
@media (max-width:720px){.grid{grid-template-columns:1fr}}
.badge{font-size:.8rem;opacity:.8}