body{margin:0;background:#0b0b0b;color:#fff;font-family:Segoe UI,Arial}
header{display:flex;justify-content:space-between;align-items:center;padding:18px 5%;background:#000;border-bottom:2px solid #0d6efd}
.logo{height:80px}.hero{padding:80px 8%;text-align:center;background:linear-gradient(#000,#111)}
nav a{color:#fff;text-decoration:none;margin:0 12px}nav a:hover{color:#1e90ff}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;padding:40px 8%}
.card{background:#171717;border:1px solid #2d2d2d;border-radius:12px;padding:20px}
footer{text-align:center;padding:25px;background:#000}