body{margin:0;font-family:Arial,sans-serif;background:#0b1020;color:#f3f4f6;line-height:1.8}
header{background:linear-gradient(135deg,#111827,#1d4ed8);text-align:center;padding:80px 20px}
header img.hero{max-width:100%;border-radius:20px;margin-top:20px}
nav{background:#111827;padding:15px;text-align:center}
nav a{color:#fff;text-decoration:none;margin:0 12px;font-weight:bold}
section{max-width:1100px;margin:auto;padding:50px 20px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}
.card{background:#111827;padding:24px;border-radius:16px;box-shadow:0 0 15px rgba(0,0,0,.3)}
footer{background:#111827;padding:40px;text-align:center;color:#9ca3af}
h1,h2,h3{color:#60a5fa}