/* Base */
:root{
  --primary:#ff7b00;
  --primary2:#ff5f6d;
  --accent:#ff5f6d;
  --dark:#141414;
  --muted:#6b7280;
  --bg:#f5f7fb;
  --radius:12px;
}
*{box-sizing:border-box;}
body{margin:0;font-family:'Poppins',sans-serif;color:#1f2937;background:#fff;scroll-behavior:smooth;}
img{max-width:100%;}
a{color:inherit;text-decoration:none;}
.container{max-width:1140px;margin:0 auto;padding:0 16px;}
.flex{display:flex;}
.between{justify-content:space-between;}
.center-y{align-items:center;}
.sm-hide{display:none;}
/* Nav */
.topbar{position:sticky;top:0;z-index:999;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.05);padding:10px 0;}
.logo{font-weight:700;font-size:24px;color:#0f62fe;}
#nav a{margin:0 12px;color:#374151;font-weight:500;}
.btn{display:inline-block;padding:12px 28px;border-radius:30px;font-weight:600;font-size:15px;}
.btn-grad{background:linear-gradient(45deg,var(--primary),var(--primary2));color:#fff;border:none;}
.btn-outline{border:2px solid var(--primary);color:var(--primary);}
.btn.full{width:100%;text-align:center;}
.hamburger{display:none;background:none;border:none;cursor:pointer;}
.hamburger span{display:block;width:26px;height:3px;background:#111;margin:5px 0;border-radius:3px;}
/* Hero */
.grad-bg{background:linear-gradient(135deg,#f8d7ff 0%,#d7e8ff 50%,#ffe2d1 100%);}
.hero{padding:110px 0 60px;position:relative;}
.hero-inner{position:relative;}
.hero-text{max-width:620px;}
.hero-text h1{font-size:48px;line-height:1.15;margin:0 0 16px;}
.hero-text .accent{color:#ff5f6d;}
.hero-text p{color:#374151;line-height:1.6;margin-bottom:24px;}
.actions a{margin-right:12px;}
.stats{margin:32px 0;}
.stat{margin-right:48px;}
.stat .num{display:block;font-size:36px;font-weight:700;color:#0f62fe;}
.contact-card{background:#fff;border-radius:var(--radius);padding:18px 24px;box-shadow:0 8px 24px rgba(0,0,0,.08);max-width:340px;margin-top:24px;}
.contact-card h4{margin:0 0 8px;font-size:18px;}
.contact-card .link{color:#0f62fe;font-size:14px;}
.hero-badge{position:absolute;right:0;top:40px;background:#fff;border-radius:14px;padding:14px 18px;box-shadow:0 8px 24px rgba(0,0,0,.08);display:flex;gap:10px;align-items:center;max-width:220px;font-size:14px;}
.hero-badge i{color:#2ecc71;font-size:24px;}
/* Sections */
.section-pad{padding:80px 0;}
.section-title{text-align:center;font-size:32px;margin:0 0 12px;}
.section-subtitle{text-align:center;color:var(--muted);max-width:720px;margin:0 auto 48px;line-height:1.6;}
/* cards subjects */
.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;}
.card{background:#fff;padding:28px;border-radius:var(--radius);box-shadow:0 8px 24px rgba(0,0,0,.05);}
.card h3{margin:12px 0;font-size:20px;}
.card p{color:#4b5563;margin-bottom:14px;line-height:1.5;}
.bullet{margin:0;padding-left:20px;color:#374151;font-size:14px;line-height:1.5;}
.icon{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px;margin-bottom:12px;}
.blue{background:#4f46e5;}
.green{background:#16a34a;}
.purple{background:#8b5cf6;}
.red{background:#dc2626;}
.teal{background:#0d9488;}
.indigo{background:#4338ca;}
.small{width:40px;height:40px;font-size:18px;border-radius:50%;}
/* why features */
.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:48px;}
.feature{background:#fff;padding:24px;border-radius:var(--radius);box-shadow:0 6px 18px rgba(0,0,0,.05);}
.feature h4{margin:10px 0;font-size:18px;}
.result-card{background:#fff;padding:28px 40px;border-radius:var(--radius);box-shadow:0 6px 18px rgba(0,0,0,.05);text-align:center;max-width:220px;}
.percent{font-size:42px;font-weight:700;color:#0f62fe;}
/* testimonials */
.light{background:#f9fafb;}
.testimonial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-top:32px;}
.t-card{background:#fff;padding:24px;border-radius:var(--radius);box-shadow:0 6px 18px rgba(0,0,0,.05);font-size:15px;line-height:1.6;color:#374151;}
.stars{color:#fbbf24;font-size:18px;margin-bottom:8px;}
.author{margin-top:16px;font-size:14px;color:#6b7280;}
.avatar{background:#0f62fe;color:#fff;border-radius:50%;padding:6px 10px;font-size:12px;margin-right:8px;display:inline-block;}
/* contact */
.contact-section .section-title.white,
.contact-section .section-subtitle.white{color:#fff;}
.contact-grid{display:flex;flex-direction:row;justify-content:center;gap:32px;margin-top:40px;}
.white-card{background:#fff;border-radius:var(--radius);padding:24px;box-shadow:0 6px 18px rgba(0,0,0,.12);}
.timings td{padding:6px 0;font-size:14px;color:#374151;}
.timings .closed{color:#ef4444;font-weight:600;}
.enroll-form .form-row{display:flex;gap:16px;flex-wrap:wrap;}
.field{flex:1;display:flex;flex-direction:column;margin-bottom:16px;}
label{font-size:13px;font-weight:600;margin-bottom:6px;color:#374151;}
input,select,textarea{padding:12px 14px;border:1px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:14px;}
textarea{min-height:110px;resize:vertical;}
.checkboxes label{display:block;font-weight:400;margin-bottom:6px;font-size:13px;}
.consent{display:block;margin-top:8px;color:#6b7280;font-size:12px;}
/* footer */
.footer{background:#0f172a;color:#e2e8f0;padding-top:60px;}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:32px;padding-bottom:40px;}
.footer-grid h5{margin:0 0 12px;font-size:16px;color:#fff;}
.footer-grid a{display:block;color:#cbd5e1;font-size:14px;margin:6px 0;}
.footer .social a{margin-right:10px;font-size:18px;color:#fff;}
.copy{text-align:center;border-top:1px solid #1e293b;padding:18px 10px;font-size:13px;color:#94a3b8;}
.heart{color:#ff5f6d;}
/* Responsive */
@media(max-width:900px){
  .sm-hide{display:inline-block;}
  .mobile-hide{display:none;}
  #nav{display:none;position:absolute;top:64px;right:16px;background:#fff;padding:16px 24px;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.12);}
  #nav a{display:block;margin:12px 0;}
  .hamburger{display:block;}
  .contact-grid{flex-direction: column;}
  .hero-badge{display:none;}
  .stats{justify-content:space-between;margin-right:0;}
  .hero-text h1{font-size:38px;}
}
.show-nav #nav{display:block;}
