*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}
body{background:#f5f7fb;color:#222}
.container{width:90%;max-width:1200px;margin:auto}
header{background:#fff;border-bottom:1px solid #eee;padding:20px 0}
header .container{display:flex;justify-content:space-between;align-items:center}
header h1{color:#0057d9;font-size:30px}
nav a{margin-left:25px;text-decoration:none;color:#444;font-weight:600}
.hero{background:linear-gradient(135deg,#0057d9,#1d8fff);padding:90px 20px;color:#fff;text-align:center}
.hero h2{font-size:48px;margin-bottom:20px}
.hero p{max-width:700px;margin:auto;font-size:20px}
.btn{display:inline-block;margin-top:35px;padding:14px 34px;background:#fff;color:#0057d9;text-decoration:none;border-radius:8px;font-weight:bold}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:25px;padding:70px 8%}
.card{background:#fff;padding:35px;border-radius:12px;box-shadow:0 5px 18px rgba(0,0,0,.08)}
.card h3{color:#0057d9;margin-bottom:15px}
footer{text-align:center;padding:35px;background:#fff;border-top:1px solid #eee}