:root{
  --bg:#0B1220; --card:#111827; --muted:#94A3B8; --text:#FFFFFF;
  --brand:#0EA5E9; --brand2:#22C55E; --accent:#EF4444;
}
body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Inter,Arial}
a{color:var(--brand);text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1100px;margin:0 auto;padding:24px}
.hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:60px 24px;background:linear-gradient(180deg,rgba(14,165,233,.1),transparent)}
.hero h1{font-size:46px;margin:0}
.hero p{color:var(--muted);max-width:700px}
.btn{padding:14px 20px;border-radius:12px;display:inline-block;margin-top:20px;font-weight:700;text-decoration:none}
.btn.primary{background:linear-gradient(90deg,var(--brand),var(--brand2));color:#0B1220}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin:40px 0}
.card{background:var(--card);border:1px solid #233046;border-radius:14px;padding:20px;text-align:center}
footer{border-top:1px solid #1f2937;margin-top:40px;padding:24px;text-align:center;color:var(--muted)}