*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}
body{background:#f5f8fc;color:#222}
.container{width:min(1180px,92%);margin:auto}
.hero{background:linear-gradient(135deg,#0d4e96,#0fb37b);color:#fff;padding-bottom:80px}
nav{display:flex;justify-content:space-between;align-items:center;padding:25px 0}
nav a{color:#fff;text-decoration:none;margin-left:22px}
.logo{font-size:32px;font-weight:800}.logo span{color:#ffd84a}
.cta,.btn{background:#ffd84a;color:#111;padding:13px 24px;border-radius:35px;font-weight:700;text-decoration:none;display:inline-block}
.hero-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:40px;align-items:center;padding:60px 0}
.tag{display:inline-block;background:rgba(255,255,255,.2);padding:8px 16px;border-radius:20px}
h1{font-size:58px;margin:18px 0}.btns{margin:25px 0}.ghost{background:transparent;border:2px solid #fff;color:#fff}
.glass{background:rgba(255,255,255,.16);backdrop-filter:blur(16px);padding:35px;border-radius:22px;box-shadow:0 25px 60px rgba(0,0,0,.25)}
.stats{display:flex;gap:30px;margin-top:30px}.stats b{display:block;font-size:28px}
section{padding:80px 0}h2{text-align:center;font-size:40px;margin-bottom:18px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-top:35px}
.card{background:#fff;padding:30px;border-radius:18px;box-shadow:0 10px 30px rgba(0,0,0,.08);transition:.35s}
.card:hover{transform:translateY(-10px)}
.card i{font-size:40px;color:#0d4e96;margin-bottom:15px}
.dark{background:#0b1730;color:#fff}.dark .card{background:#162544;color:#fff}
.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.timeline div{background:#fff;padding:25px;border-left:5px solid #0d4e96;border-radius:12px}
.contact{background:linear-gradient(135deg,#0d4e96,#11a978);color:#fff}
.contactbox{display:grid;grid-template-columns:1fr 1fr;gap:30px}
form{display:grid;gap:14px}
input,textarea{padding:14px;border:none;border-radius:10px}
textarea{min-height:120px}
button{padding:15px;border:none;border-radius:30px;background:#ffd84a;font-weight:700}
footer{background:#08111f;color:#fff;padding:25px 0;text-align:center}
@media(max-width:900px){
.hero-grid,.contactbox,.timeline{grid-template-columns:1fr}
h1{font-size:40px}
nav div:last-child a:not(.cta){display:none}
}