* {margin:0;padding:0;box-sizing:border-box;}
body {font-family:'Roboto',sans-serif;color:#0f172a;background:#f8fafc;}
header {background:#0f172a;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:1rem 5%;position:sticky;top:0;}
header nav a {color:#fff;margin:0 1rem;text-decoration:none;}
header nav a:hover {color:#38bdf8;}
.hero {background:linear-gradient(135deg,#0f172a,#1e3a8a);color:#fff;text-align:center;padding:8rem 5%;}
.hero button {background:#38bdf8;color:#fff;border:none;padding:1rem 2rem;border-radius:0.5rem;}
.grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;}
.card {background:#fff;padding:1rem;border-radius:1rem;box-shadow:0 2px 8px rgba(0,0,0,0.1);}
.card img {width:50%;border-radius:0.5rem;margin-bottom:1rem;}
footer {background:#0f172a;color:#94a3b8;text-align:center;padding:2rem;}