body{margin:0;font-family:Inter,Arial,sans-serif;background:#f8fafc;color:#1e293b;line-height:1.7}
.container{max-width:1180px;margin:auto;padding:0 20px}
nav{background:#fff;border-bottom:1px solid #e2e8f0;position:sticky;top:0}
.nav{display:flex;justify-content:space-between;align-items:center;height:72px}
.logo{font-size:26px;font-weight:900;color:#0f172a;text-decoration:none}
.hero{padding:90px 0;background:linear-gradient(135deg,#0f172a,#1d4ed8,#06b6d4);color:#fff}
.btn{display:inline-block;padding:14px 24px;background:#fff;color:#1d4ed8;border-radius:999px;font-weight:800;text-decoration:none}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
.card,.content{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:28px;margin:20px 0}
footer{padding:40px 0;text-align:center;border-top:1px solid #e2e8f0;margin-top:50px}
img{max-width:100%}