body{margin:0;font-family:Arial,sans-serif;background:#0f172a;color:#e5e7eb}
header{padding:24px;background:linear-gradient(90deg,#111827,#1e3a8a);position:sticky;top:0}
.container{max-width:1200px;margin:auto;padding:20px}
.hero{padding:60px;border-radius:16px;background:rgba(255,255,255,.06);backdrop-filter:blur(8px)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin-top:20px}
.card{background:#111827;border:1px solid #334155;border-radius:12px;padding:16px;transition:.25s}
.card:hover{transform:translateY(-4px)}
a{color:#93c5fd;text-decoration:none}
footer{padding:20px;text-align:center;color:#94a3b8}
.badge{display:inline-block;padding:4px 10px;border-radius:999px;background:#1d4ed8}