body{margin:0;font-family:system-ui;background:#f8fafc;color:#0f172a}
.container{max-width:1100px;margin:auto;padding:20px}
.hero{padding:80px;text-align:center;background:#1d4ed8;color:white}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}
.card{background:white;padding:20px;border-radius:12px}
.btn{display:inline-block;padding:12px 20px;background:white;color:#1d4ed8;border-radius:10px}