:root{--bg:#0b1220;--card:#0f172a;--accent:#0ea5e9;--text:#e5e7eb;--muted:#94a3b8}
*{box-sizing:border-box}html,body{height:100%}
body{margin:0;font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu;color:var(--text);background:radial-gradient(1200px 600px at 20% -20%,#0a1f33 10%,transparent 60%),linear-gradient(180deg,#05080f,#0b1220)}
.container{max-width:1100px;margin:0 auto;padding:20px}
header{padding-top:28px;padding-bottom:10px;text-align:center}
h1{margin:0;font-size:clamp(28px,3vw,40px);letter-spacing:.3px}
.subtitle{color:var(--muted);margin:.5rem 0 0}
.grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:18px}
.card{background:linear-gradient(160deg,#0f172a,#0b1426 60%,#0a1b2d);border:1px solid #1f2937;border-radius:16px;padding:18px;box-shadow:0 4px 24px rgba(2,6,23,.35)}
.card h2{margin:4px 0 10px;font-size:clamp(18px,2.4vw,22px)}
.links{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.btn{display:inline-block;text-decoration:none;text-align:center;padding:10px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#0b1528}
.btn:hover{filter:brightness(1.1)}
.btn.primary{background:linear-gradient(90deg,var(--accent),#38bdf8);color:#041018}
.btn.tg{color:#c2f3ff}.btn.fb{color:#cde6ff}.btn.ig{color:#ffdff0}.btn.rd{color:#ffd9b0}
form{display:grid;gap:10px}
input{padding:11px 12px;border-radius:10px;border:1px solid #1f2937;background:#0a1223;color:var(--text)}
.hp{position:absolute;left:-9999px;opacity:0}
.hint{min-height:1em;color:var(--muted);margin:0}
.bullets{margin:.25rem 0 .5rem 1.1rem}
.muted{color:var(--muted)}
.footer{padding:24px 20px 28px;text-align:center;color:#b5c2d6}