.hero{
  background:linear-gradient(135deg,#061f4f,#0b3478);
  color:#fff;
  padding:80px 20px;
  text-align:center;
}
.hero-icon{
  width:86px;height:86px;border-radius:50%;
  background:#f4b400;color:#061f4f;
  display:flex;align-items:center;justify-content:center;
  font-size:38px;margin:0 auto 24px;
}
.hero h1{font-size:48px;font-weight:900;margin-bottom:14px}
.hero h2{font-size:24px;color:#f4b400;margin-bottom:18px}
.hero p{max-width:880px;margin:auto;line-height:1.8;color:#eaf0fb}

.section{padding:30px 0px;}
.section-title{text-align:center;margin-bottom:42px}
.section-title h2{color:#061f4f;font-size:36px;font-weight:900;margin-bottom:10px}
.section-title p{color:#58647c;line-height:1.8;max-width:850px;margin:auto}

.intro{
  background:#fff;
  border-radius:22px;
  padding:36px;
  box-shadow:0 10px 35px rgba(0,0,0,.08);
  line-height:1.9;
  color:#4d5870;
  border-left:6px solid #f4b400;
}

.grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:22px;
}
.card{
  background:#fff;
  padding:28px 22px;
  border-radius:18px;
  box-shadow:0 10px 28px rgba(0,0,0,.07);
  text-align:center;
  transition:.3s;
}
.card:hover{transform:translateY(-6px)}
.card i{font-size:44px;color:#f4b400;margin-bottom:16px}
.card h3{color:#061f4f;font-size:18px;line-height:1.5}

.why-box{
  background:#061f4f;
  color:#fff;
  border-radius:22px;
  padding:38px;
  line-height:1.9;
}
.why-box h2{color:#f4b400;font-size:32px;margin-bottom:18px}

.steps{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(245px,1fr));
  gap:22px;
}
.step{
  background:#fff;
  border-radius:18px;
  padding:26px;
  box-shadow:0 10px 28px rgba(0,0,0,.07);
}
.step-number{
  width:54px;height:54px;border-radius:50%;
  background:#f4b400;color:#061f4f;
  display:flex;align-items:center;justify-content:center;
  font-size:22px;font-weight:900;margin-bottom:16px;
}
.step h3{color:#061f4f;margin-bottom:12px}
.step p,.step ul{color:#4d5870;line-height:1.8;font-size:15px}
.step ul{padding-left:18px}

.deadline{
  background:#fff8e5;
  border:2px solid #f4b400;
  color:#061f4f;
  border-radius:22px;
  padding:34px;
  text-align:center;
  margin-top:35px;
}
.deadline h3{font-size:26px;margin-bottom:10px}
.deadline strong{font-size:30px;color:#0b3478}

.support{
  background:#fff;
  padding:38px;
  border-radius:22px;
  box-shadow:0 10px 28px rgba(0,0,0,.07);
  text-align:center;
}
.support p{line-height:1.8;color:#4d5870}
.support-icons{
  margin-top:28px;
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:22px;
}
.support-icons div{
  background:#f8faff;
  border-radius:14px;
  padding:15px 18px;
  font-weight:700;
  color:#061f4f;
}
.support-icons i{color:#f4b400;margin-right:8px}

.quote{
  margin-top:30px;
  color:#061f4f;
  font-size:22px;
  font-weight:900;
}



@media(max-width:768px){
  .hero{padding:40px 15px}
  .hero h1{font-size:34px}
  .hero h2{font-size:20px}
  .section-title h2{font-size:28px}
  .intro,.why-box,.support{padding:26px 20px}
}