*{margin:0;padding:0;box-sizing:border-box;font-family:'Poppins',sans-serif}
body{background:linear-gradient(180deg,#dfe9f5,#f0f4fb 30%,#f7f9fd 70%,#e6e0f5);min-width:1024px;color:#1a2545}
.container{max-width:1200px;margin:0 auto;padding:0 24px}

/* Navbar */
.navbar{background:#fff;box-shadow:0 2px 12px rgba(30,60,120,.06);padding:14px 0;position:sticky;top:0;z-index:50}
.nav-inner{display:flex;align-items:center;justify-content:space-between}
.logo{font-size:26px;font-weight:800;color:#1a2545}
.nav-links{display:flex;gap:32px;align-items:center}
.nav-links a{text-decoration:none;color:#3b4663;font-weight:500;font-size:15px;transition:color .2s}
.nav-links a:hover,.nav-links a.active{color:#3a82f6}
.btn-cta{background:linear-gradient(135deg,#ff6b5b,#e7553f);color:#fff;border:none;padding:10px 28px;border-radius:30px;font-weight:600;cursor:pointer;font-size:15px;box-shadow:0 4px 14px rgba(231,85,63,.35)}
.btn-cta:hover{opacity:.92}

/* Hero */
.hero{padding:40px 0 20px;text-align:center}
.hero h1{font-size:48px;font-weight:700;margin-bottom:32px}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.hero-card{background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(240,245,255,.7));backdrop-filter:blur(10px);border:1px solid rgba(200,215,240,.6);border-radius:20px;padding:28px;position:relative;overflow:hidden;min-height:380px}
.hero-card-teacher{background-image:url('teacher-registration.jpg') !important;background:url('teacher-registration.jpg') !important;background-size:cover !important;background-position:center !important;background-repeat:no-repeat !important;min-height:380px;width:502px;display:flex;flex-direction:column;justify-content:flex-end;padding:28px;position:relative;border:none !important;overflow:hidden}
.hero-card-teacher::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.45));z-index:1;border-radius:20px}
.hero-card-teacher h2{position:relative;z-index:2;color:#fff;font-size:26px;font-weight:600;margin-bottom:18px;text-shadow:0 2px 8px rgba(0,0,0,.5)}
.hero-card-teacher ul{position:relative;z-index:2;list-style:none;margin-bottom:24px}
.hero-card-teacher li{color:#fff !important;padding:8px 0;font-size:16px;font-weight:600;text-shadow:0 3px 8px rgba(0,0,0,.8);letter-spacing:0.3px;opacity:1}
.hero-card-teacher li::before{content:"✓";color:#4ade80;font-weight:700;margin-right:10px;font-size:18px}
.hero-card-teacher .btn-orange{position:relative;z-index:2}
.hero-card-student{background-image:url('student-registration.jpg') !important;background:url('student-registration.jpg') !important;background-size:cover !important;background-position:center !important;background-repeat:no-repeat !important;min-height:380px;width:502px;display:flex;flex-direction:column;justify-content:flex-end;padding:28px;position:relative;border:none !important;overflow:hidden}
.hero-card-student::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.45));z-index:1;border-radius:20px}
.hero-card-student h2{position:relative;z-index:2;color:#fff;font-size:26px;font-weight:600;margin-bottom:18px;text-shadow:0 2px 8px rgba(0,0,0,.5)}
.hero-card-student ul{position:relative;z-index:2;list-style:none;margin-bottom:24px}
.hero-card-student li{color:#fff !important;padding:8px 0;font-size:16px;font-weight:600;text-shadow:0 3px 8px rgba(0,0,0,.8);letter-spacing:0.3px;opacity:1}
.hero-card-student li::before{content:"✓";color:#4ade80;font-weight:700;margin-right:10px;font-size:18px}
.hero-card-student .btn-green{position:relative;z-index:2}
.hero-card h2{font-size:26px;font-weight:600;margin-bottom:18px}
.hero-card ul{list-style:none;margin-bottom:24px}
.hero-card li{padding:6px 0;font-size:15px;color:#3b4663}
.hero-card li::before{content:"✓";color:#22c55e;font-weight:700;margin-right:10px}
.btn-orange{background:linear-gradient(135deg,#ffb85c,#f59e0b);color:#fff;border:none;padding:14px 36px;border-radius:30px;font-weight:600;font-size:16px;cursor:pointer;box-shadow:0 4px 14px rgba(245,158,11,.35)}
.btn-green{background:linear-gradient(135deg,#86d65a,#4ea530);color:#fff;border:none;padding:14px 36px;border-radius:30px;font-weight:600;font-size:16px;cursor:pointer;box-shadow:0 4px 14px rgba(78,165,48,.35)}
.hero-img{position:absolute;right:-20px;bottom:0;height:240px;opacity:.95}
.verified-bar{margin-top:18px;background:rgba(255,255,255,.8);border-radius:14px;padding:14px 24px;display:flex;align-items:center;gap:14px;font-size:15px}
.verified-bar strong{color:#1a2545}

/* Services */
.section{padding:30px 0}
.glass{background:linear-gradient(135deg,rgba(255,255,255,.85),rgba(240,245,255,.65));backdrop-filter:blur(10px);border:1px solid rgba(200,215,240,.6);border-radius:18px;padding:24px;box-shadow:0 4px 20px rgba(70,110,180,.08)}
.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:18px}
.service-card{border-radius:14px;overflow:hidden;cursor:pointer;position:relative;box-shadow:0 4px 12px rgba(0,0,0,.08);transition:transform .25s,box-shadow .25s;background:#fff}
.service-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(0,0,0,.14)}
.service-card img{width:100%;height:130px;object-fit:cover;display:block}
.service-card .label{padding:10px 12px;font-weight:600;font-size:14px;color:#1a2545;text-align:center}
.section-title{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:700}

/* Marketing */
.marketing{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}
.social-btns{display:flex;gap:12px}
.social-btn{display:inline-flex;align-items:center;gap:8px;background:#fff;padding:10px 20px;border-radius:30px;font-weight:600;text-decoration:none;color:#1a2545;box-shadow:0 2px 10px rgba(0,0,0,.08)}
.social-btn.fb{color:#1877f2}.social-btn.ig{color:#e4405f}.social-btn.wa{color:#25d366}.social-btn.yt{color:#ff0000}

/* Testimonials & generic cards */
.cards-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}
.testimonial{background:#fff;border-radius:14px;padding:20px;box-shadow:0 4px 12px rgba(0,0,0,.06)}
.stars{color:#fbbf24;margin:8px 0}
.t-name{font-weight:600;margin-top:10px}

/* About / Why / FAQ */
.feature{background:#fff;border-radius:14px;padding:22px;box-shadow:0 4px 12px rgba(0,0,0,.06)}
.feature .ico{font-size:32px;margin-bottom:10px}
.cards-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:18px}
.faq-item{background:#fff;border-radius:12px;padding:16px 20px;margin-bottom:10px;cursor:pointer}
.faq-item summary{font-weight:600;list-style:none;display:flex;justify-content:space-between}
.faq-item p{margin-top:10px;color:#5a6580;font-size:14px}

/* Footer */
.footer{background:linear-gradient(180deg,#1e2a4a,#16203a);color:#cbd5e8;padding:50px 0 20px;margin-top:40px}
.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
.footer h4{color:#fff;margin-bottom:14px;font-size:16px}
.footer a{color:#cbd5e8;text-decoration:none;display:block;padding:4px 0;font-size:14px}
.footer a:hover{color:#fff}
.copy{text-align:center;border-top:1px solid rgba(255,255,255,.1);margin-top:30px;padding-top:18px;font-size:13px;color:#8a99b8}

/* Floating */
.floating{position:fixed;right:18px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:12px;z-index:40}
.float-btn{width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;color:#fff;box-shadow:0 6px 20px rgba(0,0,0,.25);text-decoration:none;position:relative}
.float-btn.call{background:#3a82f6}
.float-btn.wa{background:#25d366}
.float-btn .dot{position:absolute;top:2px;right:2px;width:10px;height:10px;background:#ef4444;border-radius:50%;border:2px solid #fff}

/* Modal */
.modal-overlay{position:fixed;inset:0;background:rgba(20,30,55,.55);display:none;align-items:center;justify-content:center;z-index:100;padding:20px}
.modal-overlay.active{display:flex}
.modal{background:#fff;border-radius:18px;padding:28px;width:100%;max-width:440px;box-shadow:0 20px 60px rgba(0,0,0,.3)}
.modal h3{margin-bottom:6px;color:#1a2545}
.modal p.sub{color:#6b7896;font-size:14px;margin-bottom:16px}
.modal input,.modal select,.modal textarea{width:100%;padding:11px 14px;border:1px solid #e1e7f0;border-radius:10px;background:#f7f9fd;font-size:14px;margin-bottom:10px;font-family:inherit}
.modal input:focus,.modal select:focus,.modal textarea:focus{outline:none;border-color:#3a82f6}
.modal textarea{resize:none;min-height:80px}
.modal-actions{display:flex;gap:10px;margin-top:6px}
.btn-primary{flex:1;background:#1a2545;color:#fff;border:none;padding:12px;border-radius:10px;font-weight:600;cursor:pointer}
.btn-secondary{flex:1;background:#fff;border:1px solid #e1e7f0;padding:12px;border-radius:10px;font-weight:500;cursor:pointer}
.success{text-align:center;padding:20px 0}
.success .check{font-size:54px;margin-bottom:10px}

/* Page header */
.page-header{padding:60px 0 30px;text-align:center}
.page-header h1{font-size:42px;color:#1a2545}
.page-header p{color:#5a6580;margin-top:10px}

/* Contact */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:20px}
.contact-info p{padding:10px 0;font-size:15px}

/* Blog */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px}
.blog-card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 4px 14px rgba(0,0,0,.07)}
.blog-card img{width:100%;height:180px;object-fit:cover}
.blog-card .body{padding:16px}
.blog-card h3{font-size:18px;margin-bottom:8px}
.blog-card p{color:#5a6580;font-size:14px}
.blog-card .date{font-size:12px;color:#8a99b8;margin-top:8px}