body{margin:0;font-family:Arial;background:#0b1f3b;color:#fff;}
header{background:#08162a;padding:15px;text-align:center;}
h1{margin:0;color:#f4b400;}
nav{display:flex;flex-wrap:wrap;justify-content:center;background:#111;}
nav a{color:white;padding:10px 15px;text-decoration:none;font-weight:bold;}
nav a:hover{background:#f4b400;color:black;}
.container{padding:20px;}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:15px;}
.card{background:#142a4a;padding:15px;border-radius:10px;cursor:pointer;transition:0.3s;}
.card:hover{transform:scale(1.03);}
.badge{background:#f4b400;color:#000;padding:3px 8px;border-radius:5px;font-size:12px;}
.hero{padding:25px;text-align:center;background:linear-gradient(to right,#0b1f3b,#142a4a);}
footer{background:#08162a;text-align:center;padding:15px;margin-top:20px;}
.small{color:#ccc;font-size:13px;}
a{color:inherit;text-decoration:none;}