body{margin:0;font-family:Arial,sans-serif;background:#0b1220;color:#e5e7eb;line-height:1.6}
.container{max-width:1040px;margin:0 auto;padding:0 20px}
header{background:#111827;border-bottom:1px solid #334155}
nav{display:flex;justify-content:space-between;align-items:center;padding:16px 0}
nav a{color:#cbd5e1;text-decoration:none;margin-left:16px}
.hero{padding:64px 0}
.card{background:#172033;border:1px solid #334155;border-radius:14px;padding:22px;margin:18px 0}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
h1,h2,h3{color:#fff}
p,li{color:#cbd5e1}
.badge{display:inline-block;padding:7px 12px;border:1px solid #334155;border-radius:999px;color:#93c5fd;margin-bottom:14px}
a.btn{display:inline-block;background:#60a5fa;color:#0f172a;padding:12px 16px;border-radius:10px;text-decoration:none;font-weight:700}
footer{border-top:1px solid #334155;margin-top:40px;padding:24px 0;color:#94a3b8}
@media (max-width:760px){.grid{grid-template-columns:1fr}}