*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{font-family:Inter,system-ui,Segoe UI,Roboto,Arial;line-height:1.45;color:#0f1724;background:linear-gradient(180deg,#f6f8ff 0%,#ffffff 40%)}

.container{max-width:1150px;margin:0 auto;}

header{display:flex;align-items:center;justify-content:space-between;padding:18px 0}
.logo{display:flex;align-items:center;gap:12px}
.logo img{height:70px;width: auto;}
nav ul{list-style:none;display:flex;gap:18px}
nav a{color:#0f1724;font-weight:700;text-decoration:none}
.btn-cta{background:#073e64;color:#fff;padding:10px 30px;border-radius:5px;text-transform:uppercase;font-weight:800;border:none;cursor:pointer;box-shadow:0 8px 20px rgba(3,102,255,0.12)}

/* Hero */
.hero{display:grid;grid-template-columns:1fr 460px;gap:28px;align-items:center;padding:28px 0}
.hero-left{padding:24px}
.hero-card{background:linear-gradient(135deg, #d6eeff, #f4e0c8);padding:28px;border-radius:18px;box-shadow:0 12px 40px rgba(20,30,60,0.08);position:relative;overflow:hidden}
.hero-left h1{font-size:36px;line-height:1.05;margin-bottom:12px;color:#073e64}
.hero-left p{font-size:17px;color:#073e64;margin-bottom:16px}

.decor-img{position:absolute;right:-30px;top:-30px;opacity:0.15;transform:rotate(12deg)}
.decor-img-1{position:absolute;left:-30px;top:-30px;opacity:0.15;transform:rotate(12deg)}

.countdown{display:flex;gap:10px;margin-top:16px}
.countdown .unit{background:#fff;padding:14px 16px;border-radius:12px;box-shadow:0 6px 18px rgba(16,24,40,0.06);text-align:center;min-width:80px}
.countdown .unit b{display:block;font-size:20px;color:#05204a}
.countdown .unit span{font-size:12px;color:#6b7280}

/* Card */
.card{background:linear-gradient(180deg,#ffffff, #fbfdff);padding:20px;border-radius:14px;box-shadow:0 12px 40px rgba(8,20,50,0.06);border:1px solid rgba(13, 54, 165, 0.04)}
.card h3{margin-bottom:12px}
.field{display:flex;flex-direction:column;margin-bottom:10px}
.field label{font-size:13px;margin-bottom:6px;color:#475569}
.field input,.field select,.field textarea{padding:10px;border:1px solid #e6eefc;border-radius:10px;font-size:14px;background:#fbfdff}
.card .btn{display:block;width:100%;padding:12px;border-radius:10px;border:none;background:#0066ff;color:#fff;font-weight:800;margin-top:8px;cursor:pointer}

/* Sections */
section{padding:52px 0;border-top:1px solid rgba(15,23,36,0.04)}
h2{font-size:24px;color:#071028;margin-bottom:12px}

.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.feature{background:#fff;padding:18px;border-radius:12px;border:1px solid rgba(9,30,66,0.03);box-shadow:0 8px 20px rgba(11,22,40,0.03)}
.feature h4{margin-bottom:8px}

.program-table{width:100%;border-collapse:separate;border-spacing:0 10px;margin-top:12px}
.program-table th,.program-table td{padding:14px;border-radius:8px;background:#fff;border:1px solid rgba(9,30,66,0.03);text-align:left}

.partners{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.partners img{height:56px;object-fit:contain;border-radius:8px}

/* Image block */
.img-hero{width:100%;height:100%;border-radius:12px;overflow:hidden;display:block}
.img-row{display:flex;gap:12px;margin-top:14px}
.img-row img{flex:1;height:110px;object-fit:cover;border-radius:10px;border:3px solid #fff;box-shadow:0 8px 24px rgba(9,30,66,0.06)}

footer{padding:28px 0;color:#6b7280;font-size:14px}

.QuestionMarkup {
    width: 350px;
}

/* Animations */
.fade-in{animation:fadeInUp .7s ease both}
@keyframes fadeInUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

@media (max-width:980px){
    .hero{grid-template-columns:1fr;}
    .grid-3{grid-template-columns:1fr}
    .img-row img{height:90px}
}