body{margin:0;font-family:Arial,sans-serif;background:#0b1220;color:#eee}
.container{max-width:1100px;margin:auto;padding:50px 20px}
.hero{padding:120px 20px;text-align:center;background:linear-gradient(135deg,#0b1220,#153b72)}
h1{font-size:56px;margin:0;color:#ffd166}
h2{color:#ffd166}
.btn{display:inline-block;padding:14px 28px;background:#ffd166;color:#111;text-decoration:none;border-radius:8px;font-weight:bold}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.card{background:#18243d;padding:20px;border-radius:12px}
.dark{background:#111b30}
footer{text-align:center;padding:30px;background:#060b14}
ul li{margin:10px 0}