*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background:#eef3f8;color:#243242}
header{position:fixed;top:20px;left:50%;transform:translateX(-50%);width:min(1200px,94%);background:rgba(11,46,89,.72);backdrop-filter:blur(14px);border-radius:18px;z-index:9}
.wrap{display:flex;justify-content:space-between;align-items:center;padding:16px 28px}.logo{color:#fff;font-weight:800}
nav a{color:#fff;text-decoration:none;margin-left:22px}
.hero{height:100vh;background:linear-gradient(rgba(7,25,50,.55),rgba(7,25,50,.7)),url('https://images.unsplash.com/photo-1517849845537-4d257902454a?auto=format&fit=crop&w=1800&q=80') center/cover fixed;display:flex;justify-content:center;align-items:center;text-align:center;color:#fff}
.badge{background:#d61f26;padding:8px 14px;border-radius:20px}
.hero h1{font-size:4rem;margin:18px 0}.buttons{margin-top:30px}.primary,.secondary{display:inline-block;padding:14px 24px;border-radius:10px;text-decoration:none;margin:6px}.primary{background:#d61f26;color:#fff}.secondary{border:2px solid #fff;color:#fff}
.grid{width:min(1200px,92%);margin:70px auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:26px}
.card{background:#fff;border-radius:20px;padding:28px;box-shadow:0 15px 35px rgba(0,0,0,.08);transition:.3s}.card:hover{transform:translateY(-8px)}.accent{border-top:5px solid #d61f26}.count{font-size:2.4rem;font-weight:800;color:#0b2e59;margin-top:20px}
footer{background:#0b2e59;color:#fff;text-align:center;padding:35px}
@media(max-width:900px){.wrap{flex-direction:column}.hero h1{font-size:2.4rem}nav{display:flex;flex-wrap:wrap;justify-content:center;margin-top:10px}}