:root{--gold:#D99A24;--navy:#001B3A;--royal:#1E4FB8;--royal2:#2A5FD0;--text:#81868a;--light:#f1f1f1}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
html,body{overflow-x:clip;max-width:100%}
body{font-family:'Poppins',sans-serif;color:var(--text);font-size:16px;line-height:1.8;overflow-x:clip}
a{text-decoration:none;color:inherit;transition:.3s}
img{max-width:100%;display:block}
ul{list-style:none}
.container{width:100%;max-width:1400px;margin:0 auto;padding:0 30px}
@media(max-width:767px){.container{padding:0 15px}}
h1,h2,h3,h4{color:var(--navy);font-weight:700;line-height:1.2}
.thm-btn{font-family:inherit;display:inline-block;background:var(--gold);color:#fff;font-size:16px;font-weight:600;padding:11px 38px;border:none;cursor:pointer;transition:.4s;position:relative;overflow:hidden;z-index:1}
.thm-btn::before{content:"";position:absolute;inset:0;background:var(--navy);transform:scaleX(0);transform-origin:right;transition:transform .4s;z-index:-1}
.thm-btn:hover::before{transform:scaleX(1);transform-origin:left}
.sec-title{font-size:40px;font-weight:700;text-align:center;margin-bottom:55px;color:var(--navy)}
/* topbar */
.topbar{background:var(--navy);color:#fff;font-size:12px}
.topbar .container{display:flex;justify-content:space-between;align-items:center;height:45px}
.topbar a{margin-right:22px;font-weight:500}.topbar a:hover{color:var(--gold)}
/* header */
header{background:#fff;position:relative;z-index:50;transition:.3s}
header.sticky{position:fixed;top:0;left:0;right:0;box-shadow:0 5px 20px rgba(0,0,0,.08);animation:slideDown .5s}
@keyframes slideDown{from{transform:translateY(-100%)}to{transform:none}}
.header-in{display:flex;align-items:center;justify-content:space-between;height:130px}
.logo img{height:108px;width:auto;display:block}
.h-social a{color:var(--navy);margin:0 9px;font-size:14px}.h-social a:hover{color:var(--gold)}
nav ul{display:flex}
nav li a{display:block;padding:0 16px;font-size:16px;font-weight:500;color:#81868a;position:relative}
nav li a.active,nav li a:hover{color:var(--gold)}
.search-btn{width:40px;height:40px;border-radius:50%;background:var(--royal);color:#fff;display:flex;align-items:center;justify-content:center}
.search-btn:hover{background:var(--gold)}
.menu-toggle{display:none;font-size:22px;color:var(--navy);cursor:pointer}
.header-line{height:6px;display:flex}
.header-line span{flex:1}
.header-line span:nth-child(1){background:var(--royal)}.header-line span:nth-child(2){background:var(--gold)}.header-line span:nth-child(3){background:var(--navy)}
/* hero */
.hero{position:relative;background:var(--navy) url(../../media/dark-bg.jpg) center/cover;overflow:hidden;height:610px}
.slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity 1s}
.slide.active{opacity:1;visibility:visible}
.slide .container{display:flex;align-items:center;height:100%;position:relative}
.hero-text{position:relative;z-index:3;max-width:560px}
.hero-text .dot{position:absolute;width:76px;height:76px;border-radius:50%;background:var(--royal2);top:-25px;left:-30px;z-index:-1}
.hero-text h1{font-size:72px;color:#fff;font-weight:800;line-height:1.02;letter-spacing:-1.5px}
.hero-text .tag{font-family:'Satisfy',cursive;font-size:30px;color:#fff;text-decoration:underline;margin:10px 0 35px;display:block}
.slide.active .hero-text h1,.slide.active .hero-text .tag,.slide.active .hero-text .thm-btn{animation:fadeUp 1s both}
.slide.active .hero-text .tag{animation-delay:.3s}.slide.active .hero-text .thm-btn{animation-delay:.6s}
@keyframes fadeUp{from{opacity:0;transform:translateY(60px)}to{opacity:1;transform:none}}
.hero-img{position:absolute;right:15px;bottom:0;width:460px;z-index:2}
.hero-img .splash{position:absolute;width:420px;height:400px;left:-60px;top:60px;background:var(--gold);-webkit-mask:url(../../media/scratch.webp) center/contain no-repeat;mask:url(../../media/scratch.webp) center/contain no-repeat;z-index:-1}
.hero-img img{height:520px;object-fit:cover;object-position:center 30%;width:100%;clip-path:polygon(18% 0,82% 0,100% 100%,0 100%)}
.slide.active .hero-img{animation:fadeLeft 1.2s both}
@keyframes fadeLeft{from{opacity:0;transform:translateX(80px)}to{opacity:1;transform:none}}
.ring{position:absolute;left:47%;bottom:50px;width:70px;height:40px;border:12px solid var(--royal2);border-radius:50%;z-index:3}
.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:#fff;color:var(--navy);border:none;cursor:pointer;z-index:10;font-size:14px}
.hero-arrow:hover{background:var(--gold);color:#fff}
.hero-arrow.prev{left:4%}.hero-arrow.next{right:4%}
.hero-note{position:absolute;right:0;bottom:30px;background:var(--royal);color:#fff;padding:22px 30px;display:flex;align-items:center;gap:22px;z-index:10;font-family:'Satisfy',cursive;font-size:16px;line-height:1.4}
.hero-note .ic{width:56px;height:56px;border-radius:50%;background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:22px;font-family:'Poppins'}
/* full-width banner */
.hero{background:var(--navy)}
.slide{background-size:cover;background-position:center}
.slide::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,27,58,.88) 0%,rgba(0,27,58,.6) 40%,rgba(0,27,58,.05) 75%)}
.slide.active{animation:kenburns 8s ease-out both}
@keyframes kenburns{from{background-size:110%}to{background-size:100%}}
.slide .container{z-index:2}
.hero-arrow.prev{left:24px}.hero-arrow.next{right:24px}
@media(min-width:768px){.hero-text{margin-left:70px}}
@media(max-width:991px){.hero-text{margin-left:0}}
.hero-text h1{text-shadow:0 4px 20px rgba(0,0,0,.25)}
@media(max-width:991px){.hero{padding:0}.slide{min-height:520px}.slide .container{min-height:520px;justify-content:center}.slide::before{background:linear-gradient(rgba(0,27,58,.55),rgba(0,27,58,.85))}.slide.active{animation:none}}
@media(max-width:767px){.slide,.slide .container{min-height:440px}.hero{padding:0}}
.hd-btn{padding:13px 28px;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.topbar .container{justify-content:flex-start}
@media(max-width:767px){.hd-btn{padding:10px 14px;font-size:14px}.hd-btn i{display:none}.topbar .container{justify-content:center}}
@media(max-width:380px){.hd-btn{display:none}}
/* dropdown */
.has-dd{position:relative}
.dd-arrow{font-size:10px;margin-left:4px;transition:.3s}
.dd{position:absolute;top:100%;left:0;min-width:290px;background:#fff;box-shadow:0 15px 40px rgba(0,27,58,.15);border-top:3px solid var(--gold);padding:8px 0;opacity:0;visibility:hidden;transform:translateY(15px);transition:.3s;z-index:60;display:block!important}
.has-dd:hover .dd,.has-dd:focus-within .dd{opacity:1;visibility:visible;transform:none}
.has-dd:hover .dd-arrow{transform:rotate(180deg)}
.has-dd::after{content:"";position:absolute;left:0;right:0;top:100%;height:45px}
nav ul.dd li a{padding:12px 22px!important;font-size:15px;color:var(--navy);display:flex;gap:10px;align-items:center;white-space:nowrap}
nav ul.dd li a i{color:var(--gold);width:18px}
nav ul.dd li a:hover{background:#EEF3FB;color:var(--royal);padding-left:28px!important}
nav > ul > li.has-dd{display:flex;align-items:center;height:100%}
.header-in nav,.header-in nav>ul{height:100%}
.header-in nav>ul>li{display:flex;align-items:center}
@media(max-width:991px){
 .header-in nav,.header-in nav>ul{height:auto}
 .has-dd{flex-direction:column;align-items:stretch!important}
 .has-dd::after{display:none}
 .dd{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;background:rgba(255,255,255,.06);min-width:0;padding:0;max-height:0;overflow:hidden;transition:max-height .35s}
 .has-dd.open .dd{max-height:200px}
 .has-dd.open .dd-arrow{transform:rotate(180deg)}
 nav ul.dd li a{color:#fff;font-size:14px;padding:10px 34px!important;white-space:normal}
 nav.open{max-height:600px}
}
/* welcome */
/* welcome */
.welcome{padding:110px 0;position:relative;overflow:hidden}
.w-blob{position:absolute;right:-180px;top:-120px;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,#EEF3FB 0,#EEF3FB 55%,transparent 56%)}
.welcome .container{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;align-items:center;position:relative}
.w-kicker{display:inline-flex;align-items:center;gap:8px;background:#FBF4E6;color:#a8741a;font-size:12px;font-weight:600;padding:6px 16px;border-radius:30px;margin-bottom:18px}
.welcome h2{font-size:42px;margin-bottom:22px}
.w-lead{font-size:17px;color:var(--navy);font-weight:500;line-height:1.75;margin-bottom:12px;padding-left:18px;border-left:3px solid var(--gold)}
.welcome p{margin-bottom:15px}
.vm-tabs{background:#fff;box-shadow:0 12px 40px rgba(0,27,58,.08);margin:28px 0}
.vm-btns{display:flex}
.vm-btn{flex:1;border:none;background:#f4f6f9;padding:14px;font:600 16px 'Poppins',sans-serif;color:var(--navy);cursor:pointer;transition:.3s;display:flex;gap:8px;align-items:center;justify-content:center}
.vm-btn.on{background:var(--navy);color:#fff}.vm-btn.on i{color:var(--gold)}
.vm-body{position:relative;padding:22px 26px;min-height:96px}
.vm-p{position:absolute;inset:22px 26px;margin:0!important;opacity:0;transform:translateY(10px);transition:.45s;color:var(--navy)}
.vm-p.on{opacity:1;transform:none}
.leaders{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:34px}
.leader{display:flex;gap:14px;align-items:center;padding:14px 16px;border:1px solid #e9edf3;transition:.35s}
.leader:hover{border-color:var(--gold);transform:translateY(-4px);box-shadow:0 10px 25px rgba(0,27,58,.07)}
.l-ic{flex:0 0 48px;height:48px;border-radius:50%;background:var(--navy);color:var(--gold);display:flex;align-items:center;justify-content:center;font-size:18px}
.leader small{display:block;font-size:13px;line-height:1.4}
.leader b{color:var(--navy);font-size:16px}
.w-cta{display:flex;align-items:center;gap:30px;flex-wrap:wrap}
.w-call{display:flex;align-items:center;gap:12px}
.w-call span{width:46px;height:46px;border-radius:50%;background:#25D366;color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;animation:ring 2.4s infinite}
@keyframes ring{0%{box-shadow:0 0 0 0 rgba(37,211,102,.5)}70%{box-shadow:0 0 0 14px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}
.w-call small{display:block;font-size:13px;line-height:1.3}.w-call b{color:var(--navy)}
.welcome-img{position:relative;justify-self:center}
.welcome-img::before{content:"";position:absolute;width:150px;height:170px;right:-50px;top:-20px;background-image:radial-gradient(var(--gold) 2px,transparent 2px);background-size:12px 12px}
.w-orbit{position:absolute;inset:-26px;border:2px dashed rgba(30,79,184,.35);border-radius:50%;animation:spin 40s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.circle{width:420px;height:420px;border-radius:50%;padding:12px;background:conic-gradient(var(--gold),var(--royal),var(--navy),var(--gold));position:relative;animation:spin 14s linear infinite}
.circle img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:10px solid #fff;animation:spin 14s linear infinite reverse}
.trusted{position:absolute;left:-15px;bottom:20px;width:130px;height:130px;border-radius:50%;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.1);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:2}
.trusted small{font-size:9px;letter-spacing:2px;text-transform:uppercase}
.trusted b{font-size:24px;color:var(--gold);line-height:1.2}
.w-chip{position:absolute;background:#fff;color:var(--navy);font-size:15px;font-weight:600;padding:10px 16px;box-shadow:0 10px 30px rgba(0,27,58,.12);display:flex;gap:9px;align-items:center;white-space:nowrap;z-index:2;animation:float 5s ease-in-out infinite}
.w-chip i{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px}
.c-a{top:30px;left:-70px}.c-a i{background:var(--royal)}
.c-b{top:48%;right:-80px;animation-delay:1.2s}.c-b i{background:var(--gold)}
.c-c{bottom:-10px;right:30px;animation-delay:2.4s}.c-c i{background:var(--navy)}
@keyframes float{50%{transform:translateY(-12px)}}

/* explore */
.explore{position:relative;background:var(--navy);padding:65px 0;text-align:center}
.explore::before{content:"";position:absolute;inset:0;background:url(../../media/pattern.webp) center/600px;opacity:.12;filter:grayscale(1) brightness(2)}
.explore h2{color:#fff;font-size:40px;position:relative}
.explore::after{content:"";position:absolute;bottom:-29px;left:50%;transform:translateX(-50%);border:30px solid transparent;border-top-color:var(--navy);border-bottom:0}
.skills{padding:110px 0;background:#EEF3FB}
.skills-in{display:grid;grid-template-columns:5fr 7fr;gap:60px;align-items:start}
.sk-left h2{font-size:48px;line-height:1.15;margin-bottom:22px}
.sk-left p{margin-bottom:30px;max-width:500px}
.sk-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px 30px}
.sk-item{display:flex;align-items:center;gap:20px}
.sk-ic{flex:0 0 72px;height:72px;border-radius:50%;background:#fff;box-shadow:0 6px 18px rgba(0,27,58,.08);display:flex;align-items:center;justify-content:center;font-size:28px;transition:.4s}
.sk-item h3{font-size:22px;font-weight:600;line-height:1.3;transition:.3s}
.sk-item:hover .sk-ic{background:var(--navy);transform:rotate(360deg)}
.sk-item:hover .sk-ic i{color:#fff!important}
.sk-item:hover h3{color:var(--gold)}
/* mission */
.mission{position:relative;padding:140px 0 160px;background:var(--navy) url(../../media/banner.jpg) center/cover fixed}
.mission::before{content:"";position:absolute;inset:0;background:rgba(0,27,58,.55)}
.mission .container{position:relative;display:flex;justify-content:space-between;align-items:center}
.mission-text{position:relative;z-index:1}
.mission-text::before{content:"";position:absolute;width:480px;height:330px;left:-80px;top:-90px;background:var(--gold);-webkit-mask:url(../../media/scratch.webp) center/contain no-repeat;mask:url(../../media/scratch.webp) center/contain no-repeat;z-index:-1}
.mission h2{color:#fff;font-size:40px;max-width:480px;margin-bottom:40px}
.mission .thm-btn{background:var(--navy)}.mission .thm-btn::before{background:var(--royal)}
.play{width:110px;height:110px;border-radius:50%;background:var(--gold);color:#fff;display:flex;align-items:center;justify-content:center;font-size:30px;position:relative}
.play::after{content:"";position:absolute;inset:-12px;border:2px solid rgba(255,255,255,.4);border-radius:50%;animation:pulse 2s infinite}
@keyframes pulse{from{transform:scale(.9);opacity:1}to{transform:scale(1.35);opacity:0}}
/* register */
.register{padding:0 0 110px;position:relative;background:#FBF4E6}
.register .container{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.register h2{font-size:40px}
.register .sub{color:var(--royal);font-size:22px;display:block;margin:5px 0 25px}
.countdown{display:flex;gap:20px;margin-top:40px}
.countdown div{text-align:center}
.countdown b{display:flex;width:90px;height:90px;border:1px solid #ecdcb8;background:#fff;align-items:center;justify-content:center;font-size:30px;color:var(--gold);font-weight:400}
.countdown small{display:block;margin-top:5px;font-size:10px;letter-spacing:2px;text-transform:uppercase}
.form-box{scroll-margin-top:120px;margin-top:-80px;position:relative;z-index:2;background:#fff;box-shadow:0 10px 60px rgba(0,0,0,.08)}
.form-box::after{content:"";position:absolute;width:140px;height:170px;right:-40px;bottom:-40px;background-image:radial-gradient(var(--gold) 2px,transparent 2px);background-size:12px 12px;z-index:-1}
.form-box h4{background:var(--royal);color:#fff;font-size:22px;padding:20px 40px}
.form-box form{padding:40px 60px 50px;background:#fff}
.form-box input,.form-box select{width:100%;border:none;background:#eff1f4;padding:14px 20px;margin-bottom:15px;font-family:inherit;font-size:16px;color:var(--navy);outline:none}
.form-box input:focus,.form-box select:focus{box-shadow:0 0 0 2px var(--gold)}
/* categories */
.cats{background:var(--light);padding:110px 0}
.cat-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:20px}
.cat{background:#fff;text-align:center;padding:42px 10px 38px;transition:.4s;font-weight:600;color:var(--navy);font-size:22px;line-height:1.3;display:block}
.cat .ic{--c:var(--royal);position:relative;width:100px;height:100px;margin:0 auto 30px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:38px;background:var(--c);transition:.5s}
.cat .ic::before{content:"";position:absolute;inset:0;border-radius:50%;border:1.5px solid var(--c);transform:translateX(-8px);z-index:-1;transition:.6s}
.cat .ic{z-index:1}
.cat:hover{box-shadow:0 15px 35px rgba(0,27,58,.08)}
.cat:hover .ic::before{transform:translateX(8px)}
.cat:hover .ic i{animation:iconPop .5s}
@keyframes iconPop{40%{transform:scale(.8)}100%{transform:scale(1)}}
.cat .ic.c1{--c:#1E4FB8}.cat .ic.c2{--c:#001B3A}.cat .ic.c3{--c:#D99A24}.cat .ic.c4{--c:#2b8fd6}.cat .ic.c5{--c:#7d5bd0}.cat .ic.c6{--c:#e0624b}
.cats .btn-center{text-align:center;margin-top:50px}
.cats .btn-center .thm-btn{background:var(--navy)}.cats .btn-center .thm-btn::before{background:var(--gold)}
/* benefits */
.benefits{display:grid;grid-template-columns:1fr 1fr}
.benefits .pic img{width:100%;height:100%;object-fit:cover;min-height:540px}
.benefits{background:#EEF3FB}.benefits .txt{padding:80px 70px;max-width:720px}
.benefits h2{font-size:40px;margin-bottom:25px}
.ben-row{display:flex;gap:45px;margin:35px 0 40px}
.ben{text-align:center;color:var(--navy);font-weight:500;line-height:1.4;font-size:16px}
.ben i{display:block;font-size:44px;color:var(--royal);margin-bottom:12px}
/* partners */
.partners{padding:60px 0;background:var(--royal);text-align:center}.partners h4{color:#fff}
.partners h4{font-size:22px;margin-bottom:40px}
.p-row{display:flex;justify-content:space-around;flex-wrap:wrap;gap:20px}
.p-row span{font-size:24px;font-weight:700;color:rgba(255,255,255,.55);transition:.3s}
.p-row span:hover{color:var(--gold)}
/* news */
.news-head{position:relative;background:var(--navy);padding:80px 0 190px;text-align:center}
.news-head::before{content:"";position:absolute;inset:0;background:url(../../media/pattern.webp) center/600px;opacity:.12;filter:grayscale(1) brightness(2)}
.news-head h2{color:#fff;font-size:40px;position:relative}
.news{margin-top:-130px;position:relative;padding-bottom:110px}
.news-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}
.news-card .cap{bottom:30px}.news-card h3{font-size:24px}
.leader .deg{display:block;font-style:normal;font-size:13px;color:var(--gold);font-weight:600;line-height:1.3}
.news-card{position:relative;overflow:hidden;height:420px}
.news-card img{width:100%;height:100%;object-fit:cover;transition:.6s}
.news-card:hover img{transform:scale(1.1)}
.news-card::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 20%,rgba(0,27,58,.95))}
.news-card .date{position:absolute;top:25px;left:25px;width:55px;height:55px;border-radius:50%;background:#fff;color:var(--navy);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2;font-weight:700;line-height:1;font-size:12px}
.news-card .date small{font-size:8px;font-weight:500}
.news-card .cap{position:absolute;bottom:25px;left:25px;right:25px;z-index:2;color:#fff}
.news-card .cap small{font-size:14px}
.news-card h3{color:#fff;font-size:22px;margin-top:5px}
.news-card:hover h3{color:var(--gold)}
/* teachers */
.teachers{padding:90px 0 0;text-align:center;position:relative;background:linear-gradient(#FBF4E6,#fff 60%)}
.teachers .deco1{position:absolute;left:10%;top:20px;width:70px;height:70px;border-radius:50%;background:repeating-linear-gradient(45deg,var(--royal) 0 4px,transparent 4px 8px)}
.teachers .deco2{position:absolute;right:10%;top:30px;width:90px;height:60px;background:repeating-linear-gradient(-30deg,var(--gold) 0 2px,transparent 2px 9px)}
.teachers h2{font-size:40px;max-width:500px;margin:0 auto 25px}
.teachers p{max-width:640px;margin:0 auto 40px}
.subj-wrap{position:relative}
.subj-wrap img{width:100%;height:auto}
.subj{position:absolute;font-family:'Satisfy',cursive;color:var(--royal);font-size:22px}
/* newsletter */
.newsletter{background:var(--gold);padding:70px 0}
.newsletter .container{display:flex;align-items:center;justify-content:space-between;gap:30px}
.nl-left{display:flex;align-items:center;gap:25px}
.nl-left .ic{width:90px;height:90px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-size:34px;color:var(--gold);box-shadow:0 0 0 8px rgba(255,255,255,.3)}
.nl-left h3{color:#fff;font-size:28px;max-width:300px}
.nl-form{display:flex;flex:0 0 470px}
.nl-form input{flex:1;min-width:0;border:none;padding:16px 25px;font-family:inherit;font-size:16px;outline:none}
.nl-form button{background:var(--navy);color:#fff;border:none;padding:0 35px;font-family:inherit;font-size:16px;font-weight:600;cursor:pointer}
.nl-form button:hover{background:var(--royal)}
/* footer */
footer{background:var(--navy) url(../../media/dark-bg.jpg) center/cover;color:#c5c9d0;padding:90px 0 0;font-size:16px;position:relative}
footer::before{content:"";position:absolute;inset:0;background:rgba(0,27,58,.82)}
footer .container{position:relative}
.f-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;background:var(--royal);box-shadow:0 20px 40px rgba(0,27,58,.25);padding:34px 50px;transform:translateY(-50%);margin-bottom:-20px}
.f-cta h3{color:#fff;font-size:26px;margin-bottom:4px}.f-cta p{color:#fff;opacity:.85;margin:0}
.f-cta .thm-btn{background:var(--gold);flex:0 0 auto}.f-cta .thm-btn::before{background:var(--navy)}
.f-grid{display:grid;grid-template-columns:1.4fr 1fr 1.1fr 1.3fr;gap:50px;padding-bottom:60px}
footer h4{color:#fff;font-size:22px;margin-bottom:26px;position:relative;padding-bottom:12px}
footer h4::after{content:"";position:absolute;left:0;bottom:0;width:40px;height:3px;background:var(--gold)}
.f-logo{display:inline-block;background:#fff;padding:10px 14px;margin-bottom:20px}.f-logo img{height:64px;width:auto}
.f-brand p{line-height:1.75;margin-bottom:22px}
.f-soc{display:flex;gap:10px}
.f-soc a{width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;color:#fff}
footer .f-soc a:hover{background:var(--gold);border-color:var(--gold);color:#fff}
footer .f-soc a:hover i{color:#fff}
.f-links li{margin-bottom:12px}
.f-links a{position:relative;padding-left:16px;transition:.3s}
.f-links a::before{content:"";position:absolute;left:0;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:var(--gold)}
.f-links a:hover{color:var(--gold);padding-left:22px}
.f-contact li{display:flex;gap:14px;margin-bottom:20px;line-height:1.5}
.f-contact i{flex:0 0 40px;height:40px;border-radius:50%;background:rgba(217,154,36,.15);color:var(--gold);display:flex;align-items:center;justify-content:center}
.f-contact small{display:block;font-size:13px;color:#8d96a5}
.f-contact a{color:#fff;font-weight:500}.f-contact a:hover{color:var(--gold)}
footer a:hover{color:var(--gold)}
.f-bottom{border-top:1px solid rgba(255,255,255,.1);padding:28px 0;display:flex;justify-content:space-between;align-items:center;position:relative;font-size:15px}
.f-bottom a{color:var(--gold)}
.to-top{position:absolute;left:50%;top:-25px;transform:translateX(-50%);width:50px;height:50px;border-radius:50%;background:var(--gold);color:#fff!important;display:flex;align-items:center;justify-content:center}
.to-top:hover{background:#fff;color:var(--navy)!important}

@media(max-width:991px){.f-grid{grid-template-columns:1fr 1fr;gap:40px}.f-cta{padding:28px 30px}}
@media(max-width:767px){.f-grid{grid-template-columns:1fr;gap:34px}.f-cta{flex-direction:column;text-align:center;padding:26px 20px;transform:none;margin:0 0 45px}footer{padding-top:60px}.f-cta h3{font-size:22px}.f-cta .thm-btn{width:100%}.f-bottom{flex-direction:column;gap:6px;text-align:center;padding:40px 0 28px;font-size:14px}}
.wa-float{position:fixed;right:20px;bottom:20px;width:54px;height:54px;border-radius:50%;background:#25D366;color:#fff;display:flex;align-items:center;justify-content:center;font-size:28px;z-index:99;box-shadow:0 5px 15px rgba(0,0,0,.2)}
.dmodal{position:fixed;inset:0;background:rgba(0,15,35,.75);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:300;opacity:0;visibility:hidden;transition:.35s}
.dmodal.open{opacity:1;visibility:visible}
.dm-box{width:100%;max-width:560px;margin:0!important;transform:translateY(40px) scale(.96);transition:.4s cubic-bezier(.2,.8,.2,1);max-height:92vh;overflow:auto}
.dmodal.open .dm-box{transform:none}
.dm-box::after{display:none}
.dm-close{position:absolute;top:12px;right:16px;background:none;border:none;color:#fff;font-size:32px;line-height:1;cursor:pointer;z-index:2}
.dm-close:hover{color:var(--gold)}
body.noscroll{overflow:hidden}
@media(max-width:767px){.dm-box form{padding:24px 20px 28px}.dm-box .thm-btn{width:100%}}
/* subjects */
.subjects{padding:110px 0;background:var(--navy);position:relative;overflow:hidden}
.subjects::before{content:"";position:absolute;inset:0;background:url(../../media/pattern.webp) center/600px;opacity:.08;filter:grayscale(1) brightness(2)}
.subjects .container{position:relative}
.subjects .sec-title{color:#fff}
.sb-tab{background:rgba(255,255,255,.06)!important;color:#fff!important}
.sb-tab .n{color:rgba(255,255,255,.45)}
.sb-tab:hover{background:rgba(255,255,255,.12)!important;color:var(--gold)!important}
.sb-tab.on{background:var(--gold)!important;color:var(--navy)!important;border-left-color:#fff}
.sb-tab.on .n{color:var(--navy)}
.sb-stage{box-shadow:0 20px 60px rgba(0,0,0,.35)}
.sb-wrap{display:grid;grid-template-columns:360px 1fr;gap:40px;align-items:stretch}
.sb-list{display:flex;flex-direction:column;gap:6px}
.sb-tab{width:100%;display:flex;align-items:center;gap:16px;background:#fff;border:none;border-left:4px solid transparent;padding:15px 22px;font:600 16px 'Poppins',sans-serif;color:var(--navy);cursor:pointer;text-align:left;transition:.35s}
.sb-tab .n{font-size:12px;color:#b3b8c0;font-weight:500;transition:.35s}
.sb-tab i{margin-left:auto;font-size:12px;opacity:0;transform:translateX(-10px);transition:.35s}
.sb-tab:hover{padding-left:30px;color:var(--royal)}
.sb-tab.on{background:var(--navy);color:#fff;border-left-color:var(--gold);padding-left:30px}
.sb-tab.on .n{color:var(--gold)}.sb-tab.on i,.sb-tab:hover i{opacity:1;transform:none}
.sb-stage{position:relative;min-height:540px;overflow:hidden;background:var(--navy)}
.sb-pane{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .6s,visibility .6s}
.sb-pane.on{opacity:1;visibility:visible}
.sb-pane img{width:100%;height:100%;object-fit:cover;transform:scale(1.1);transition:transform 6s ease}
.sb-pane.on img{transform:scale(1)}
.sb-pane figcaption{position:absolute;left:0;right:0;bottom:0;padding:40px 40px 35px;background:linear-gradient(transparent,rgba(0,27,58,.92));color:#fff}
.sb-pane h3{color:#fff;font-size:22px;margin-bottom:4px;transform:translateY(25px);opacity:0;transition:.6s .2s}
.sb-pane p{margin-bottom:18px;transform:translateY(25px);opacity:0;transition:.6s .3s}
.sb-pane .thm-btn{transform:translateY(25px);opacity:0;transition:transform .6s .4s,opacity .6s .4s}
.sb-pane.on h3,.sb-pane.on p,.sb-pane.on .thm-btn{transform:none;opacity:1}
.sb-clip{position:absolute;top:0;right:0;width:0;height:0;border-style:solid;border-width:0 70px 70px 0;border-color:transparent var(--gold) transparent transparent;z-index:3}
.sb-tab.on{border-bottom-color:#fff}
.f-logo{display:inline-block;background:#fff;padding:6px 10px;margin-bottom:15px}.f-logo img{height:60px;width:auto}
.vmodal{position:fixed;inset:0;background:rgba(0,10,25,.9);display:none;align-items:center;justify-content:center;z-index:200;padding:20px}
.vmodal.open{display:flex}
.vmodal video{width:100%;max-width:960px;max-height:85vh;background:#000}
.vmodal .close{position:absolute;top:20px;right:30px;color:#fff;font-size:36px;cursor:pointer;background:none;border:none}
/* reveal */
.reveal{opacity:0;transform:translateY(50px);transition:1s}.reveal.in{opacity:1;transform:none}
/* responsive */
@media(max-width:1199px){.h-social{display:none}nav li a{padding:0 8px;font-size:15px}.logo img{height:84px}.hero-text h1{font-size:62px}.cat-grid{grid-template-columns:repeat(3,1fr)}.sk-left h2{font-size:40px}.sk-item h3{font-size:20px}}
@media(max-width:991px){
.menu-toggle{display:block}
nav{position:absolute;top:100%;left:0;right:0;background:var(--navy);max-height:0;overflow:hidden;transition:max-height .4s}
nav.open{max-height:450px}
nav ul{flex-direction:column;padding:10px 0}nav li a{color:#fff;padding:10px 20px}
.hd-btn{margin-left:auto;margin-right:12px}
.hero{height:auto;padding:90px 0 0}.slide{position:relative;display:none}.slide.active{display:block}
.slide .container{flex-direction:column;text-align:center}.hero-img{position:relative;right:auto;margin:40px auto 0;width:360px}.hero-img img{height:400px}
.hero-text .dot{left:50%;margin-left:-180px}.ring,.hero-note{display:none}
.welcome .container,.register .container,.benefits{grid-template-columns:1fr}.c-a{left:-20px}.c-b{right:-20px}
.form-box{margin-top:0}.card-wrap{flex:0 0 50%}
.news-grid{grid-template-columns:1fr 1fr}.skills-in{grid-template-columns:1fr;gap:40px}.sb-wrap{grid-template-columns:1fr;gap:20px}.sb-list{flex-direction:row;overflow-x:auto;gap:8px;padding-bottom:6px;scrollbar-width:none}.sb-list li{flex:0 0 auto}.sb-tab{white-space:nowrap;border-left:0;border-bottom:3px solid transparent;padding:12px 18px}.sb-tab:hover,.sb-tab.on{padding-left:18px}.sb-tab.on{border-bottom-color:var(--gold)}.sb-tab i{display:none}.sb-stage{min-height:420px}
.newsletter .container{flex-direction:column}.nl-form{flex:auto;width:100%}
.mission .container{flex-direction:column;gap:50px;text-align:center}.mission-text::before{left:-20px}
.benefits .txt{max-width:none}
}
@media(max-width:767px){
.topbar .container{flex-direction:column;height:auto;padding:8px 15px;text-align:center}
.hero-text h1{font-size:44px}.hero-text .tag{font-size:22px}.hero-img{width:280px}.hero-img img{height:320px}.hero-img .splash{width:300px;height:290px}
.sk-left h2,.sec-title,.welcome h2,.explore h2,.mission h2,.register h2,.benefits h2,.news-head h2,.teachers h2{font-size:30px}
.circle{width:290px;height:290px}.leaders{grid-template-columns:1fr}.w-chip{font-size:11px;padding:7px 12px}.c-a{left:-10px;top:0}.c-b{right:-10px}.w-blob{display:none}.feat-row,.ben-row{flex-wrap:wrap;gap:20px}
.card-wrap{flex:0 0 100%}.cat-grid{grid-template-columns:repeat(2,1fr)}.cat{font-size:18px}.cat .ic{width:80px;height:80px;font-size:30px}.news-grid{grid-template-columns:1fr}.sk-grid{grid-template-columns:1fr;gap:18px}.sk-left h2{font-size:30px}.sk-ic{flex-basis:60px;height:60px;font-size:24px}.sb-stage{min-height:340px}.sb-pane figcaption{padding:25px 20px}.sb-pane h3{font-size:20px}.logo img{height:58px}.header-in{height:90px}
.countdown{gap:10px}.countdown b{width:65px;height:65px;font-size:22px}.form-box form{padding:30px}
.mission-text::before{width:340px;height:240px}.subj{display:none}
.nl-left{flex-direction:column;text-align:center}
.benefits .txt{padding:60px 20px}
}

/* ===== mobile alignment fixes ===== */
@media(max-width:991px){
.mission{background-attachment:scroll}
.welcome,.skills,.subjects,.cats,.register,.partners{padding-top:80px;padding-bottom:80px}
.register{padding-top:0}
.welcome-img::before{right:0}
.form-box::after{right:0;bottom:-25px}
.teachers p{padding:0 20px}
}
@media(max-width:767px){
.welcome,.skills,.subjects,.cats,.partners{padding-top:60px;padding-bottom:60px}
.register{padding-bottom:60px}
.register .reveal{padding-top:50px!important}
.sec-title{margin-bottom:35px}
.header-in{height:88px}
.logo img{height:64px!important}
.menu-toggle{font-size:24px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--navy);color:#fff}
.hero{padding:0}
.hero-text{padding:0 5px}
.hero-text h1{font-size:36px;letter-spacing:-1px}
.hero-text .dot{width:54px;height:54px;top:-14px;left:8px;margin-left:0}
.hero-text .tag{font-size:20px;margin:12px 0 24px}
.hero-arrow{top:auto;bottom:18px;transform:none;width:38px;height:38px}
.hero-arrow.prev{left:15px}.hero-arrow.next{right:15px}
.hero-img{width:250px;margin-top:30px}
.hero-img img{height:290px}
.hero-img .splash{width:280px;height:260px;left:-30px;top:40px}
.welcome h2{font-size:28px}
.w-lead{font-size:16px}
.vm-btn{font-size:14px;padding:12px 6px}
.vm-body{min-height:130px;padding:18px}.vm-p{inset:18px}
.w-cta{gap:20px}
.welcome-img{margin-top:20px;justify-self:center;width:290px}
.w-orbit{inset:-14px}
.welcome-img::before{width:90px;height:110px;right:-10px;top:-10px}
.trusted{width:96px;height:96px;left:-10px;bottom:0}.trusted b{font-size:18px}.trusted small{font-size:8px}
.c-a{left:-12px;top:-6px}.c-b{right:-12px;top:52%}.c-c{right:10px;bottom:-14px}
.sb-stage{min-height:380px}
.sb-pane figcaption{padding:20px 18px}
.sb-pane p{font-size:14px;margin-bottom:12px}
.sk-item h3{font-size:18px}
.countdown{justify-content:space-between;gap:8px}.countdown div{flex:1}.countdown b{width:100%;height:64px}
.form-box h4{padding:16px 22px;font-size:20px}
.form-box form{padding:24px 20px 28px}
.form-box .thm-btn{width:100%}
.cat{padding:28px 8px 24px;font-size:16px}
.cat .ic{margin-bottom:18px}
.benefits .pic img{min-height:260px;max-height:300px}
.ben-row{justify-content:space-between;gap:10px}
.p-row{gap:14px 26px;justify-content:center}.p-row span{font-size:20px}
.news-head{padding:60px 0 150px}.news{padding-bottom:60px}
.news-card{height:340px}
.teachers{padding-top:60px}
.teachers .deco1,.teachers .deco2{display:none}
.teachers h2{padding:0 15px}
.newsletter{padding:50px 0}
.nl-left h3{font-size:22px}
.nl-form{flex-direction:column;gap:10px}
.nl-form button{padding:15px}
.f-two{gap:10px}
.f-bottom{font-size:14px}
.to-top{top:-25px}
.wa-float{width:48px;height:48px;font-size:24px;right:14px;bottom:14px}
.topbar{font-size:12px}.topbar a{margin:0 8px}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* ================= ABOUT PAGE ================= */
.page-banner{position:relative;background-size:cover;background-position:center;padding:120px 0 110px;text-align:center;overflow:hidden}
.page-banner::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(0,27,58,.82),rgba(0,27,58,.9))}
.page-banner .container{position:relative}
.page-banner h1{color:#fff;font-size:56px;margin-bottom:14px;animation:fadeUp .9s both}
.crumb{display:inline-flex;gap:10px;background:rgba(255,255,255,.1);padding:8px 22px;color:#fff;font-size:15px;animation:fadeUp .9s .2s both}
.crumb li+li::before{content:"/";margin-right:10px;color:var(--gold)}
.crumb a:hover{color:var(--gold)}
/* intro */
.ab-intro{padding:110px 0;overflow:hidden}
.ab-intro .container{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.ab-pics{position:relative;width:100%;max-width:740px;aspect-ratio:740/610;margin:0 auto}
.ab-map{position:absolute;inset:0;background-image:radial-gradient(#c9d2e0 1.4px,transparent 1.6px);background-size:9px 9px;-webkit-mask:url(../../media/globe.png) center/95% no-repeat;mask:url(../../media/globe.png) center/95% no-repeat;opacity:.45;z-index:0}
.ab-img{position:absolute;overflow:hidden;box-shadow:0 22px 45px rgba(0,27,58,.16);transition:transform .6s}
.ab-img img{width:100%;height:100%;object-fit:cover;transition:transform .8s}
.ab-img:hover img{transform:scale(1.06)}
.ab-img.big{left:14.5%;top:10%;width:43%;height:73%;border-radius:20px;transform:rotate(-9deg);z-index:1}
.ab-img.small{left:58.4%;top:6.9%;width:33.2%;height:52.5%;border-radius:18px;z-index:2}
.ab-pics:hover .ab-img.big{transform:rotate(-6deg)}
.ab-pics:hover .ab-img.small{transform:translateY(-8px)}
.ab-lines{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none}
.ab-lines .dl{stroke-width:2.6;stroke-dasharray:8 7;animation:dash 30s linear infinite}
.ab-lines .gold{stroke:#D99A24}.ab-lines .navy{stroke:#001B3A}
@keyframes dash{to{stroke-dashoffset:-500}}
.ab-plane{animation:planeFly 4s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
@keyframes planeFly{50%{transform:translate(6px,-5px) rotate(-3deg)}}
.ab-ribbon{position:absolute;left:46%;top:75.4%;width:35.2%;height:14.4%;z-index:4;background:var(--royal);color:#fff;display:flex;align-items:center;gap:4%;padding:0 4%;box-shadow:0 18px 35px rgba(30,79,184,.3);outline:4px solid #fff;animation:float 5s ease-in-out infinite}
.ab-ribbon b{font-size:clamp(22px,3vw,44px);line-height:1;font-weight:700;white-space:nowrap}
.ab-ribbon span{white-space:nowrap;font-size:clamp(11px,1.3vw,18px);font-weight:600;line-height:1.2}
.ab-ribbon i{position:absolute;right:0;bottom:0;width:13%;aspect-ratio:1;background:linear-gradient(135deg,var(--royal) 50%,#dfe6f7 50%);box-shadow:-3px -3px 6px rgba(0,0,0,.18)}
@media(max-width:991px){.ab-ribbon b{font-size:40px}.ab-ribbon span{font-size:16px}}
@media(max-width:767px){.ab-ribbon b{font-size:22px}.ab-ribbon span{font-size:11px}.ab-ribbon{outline-width:3px}}
.ab-text h2{font-size:42px;margin-bottom:22px}
.ab-text p{margin-bottom:15px}
.ab-checks{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;margin:26px 0 36px}
.ab-checks li{display:flex;gap:10px;align-items:flex-start;color:var(--navy);font-weight:500;line-height:1.5;padding:12px 14px;background:#f5f7fb;border-left:3px solid transparent;transition:.3s}
.ab-checks li:hover{border-left-color:var(--gold);background:#FBF4E6;transform:translateX(4px)}
.ab-checks i{flex:0 0 24px;height:24px;border-radius:50%;background:var(--royal);color:#fff;font-size:11px;display:flex;align-items:center;justify-content:center;margin-top:2px}
/* vision mission */
.ab-vm{position:relative;background:var(--navy);padding:110px 0;overflow:hidden}
.ab-vm::before{content:"";position:absolute;inset:0;background:url(../../media/pattern.webp) center/600px;opacity:.08;filter:grayscale(1) brightness(2)}
.ab-vm .container{position:relative}.ab-vm .sec-title{color:#fff}
.vm-grid{display:grid;grid-template-columns:1fr 380px 1fr;gap:40px;align-items:center}
.vm-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);padding:45px 38px;position:relative;overflow:hidden;transition:.45s}
.vm-card:hover{background:#fff;transform:translateY(-8px)}
.vm-card::after{content:"";position:absolute;left:0;top:0;width:100%;height:4px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:.5s}
.vm-card:hover::after{transform:scaleX(1)}
.vm-big{position:absolute;right:20px;top:10px;font-size:80px;font-weight:800;color:rgba(255,255,255,.05);line-height:1;transition:.4s}
.vm-card:hover .vm-big{color:#EEF3FB}
.vm-ic{position:relative;width:70px;height:70px;border-radius:50%;background:var(--gold);color:#fff;display:flex;align-items:center;justify-content:center;font-size:28px;margin-bottom:24px;transition:.5s}
.vm-card:hover .vm-ic{background:var(--navy);transform:rotateY(360deg)}
.vm-card h3{position:relative;color:#fff;font-size:26px;margin-bottom:14px;transition:.3s}
.vm-card p{position:relative;color:#c5cbd6;transition:.3s}
.vm-card:hover h3{color:var(--navy)}.vm-card:hover p{color:var(--text)}
.vm-center{position:relative;width:340px;height:340px;justify-self:center}
.vm-center::before{content:"";position:absolute;inset:8%;border-radius:50%;background:radial-gradient(circle,rgba(56,150,255,.55),rgba(30,79,184,0) 70%);filter:blur(20px);animation:glow 4s ease-in-out infinite}
@keyframes glow{50%{opacity:.5;transform:scale(1.08)}}
.vm-center img{width:100%;height:100%;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 0 25px rgba(56,150,255,.45));animation:float 6s ease-in-out infinite}
.vm-orbit{position:absolute;inset:-26px;border:2px dashed rgba(217,154,36,.5);border-radius:50%;animation:spin 30s linear infinite}
.vm-orbit span{position:absolute;top:50%;left:-9px;width:18px;height:18px;margin-top:-9px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 6px rgba(217,154,36,.25)}
.vm-tag{position:absolute;left:50%;bottom:-18px;transform:translateX(-50%);z-index:2;background:var(--gold);color:#fff;font-weight:600;font-size:15px;padding:10px 20px;white-space:nowrap;display:flex;gap:8px;align-items:center}
/* why */
.ab-why{padding:110px 0;background:#EEF3FB}
.why-wrap{display:grid;grid-template-columns:400px 1fr;gap:60px;align-items:start}
.why-side{position:sticky;top:150px}
.why-side h2{font-size:40px;margin-bottom:18px}
.why-side p{margin-bottom:26px}
.why-img{position:relative;margin-bottom:30px;overflow:hidden}
.why-img img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .8s}
.why-img:hover img{transform:scale(1.07)}
.why-live{position:absolute;left:16px;top:16px;background:#fff;color:var(--navy);font-weight:600;font-size:13px;padding:6px 14px;display:flex;align-items:center;gap:8px}
.why-live i{width:9px;height:9px;border-radius:50%;background:#e53935;animation:ring2 1.5s infinite}
@keyframes ring2{0%{box-shadow:0 0 0 0 rgba(229,57,53,.6)}100%{box-shadow:0 0 0 9px rgba(229,57,53,0)}}
.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.why-card{background:#fff;padding:38px 32px;position:relative;overflow:hidden;transition:.45s;z-index:0}
.why-card::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--navy),var(--royal));transform:translateY(101%);transition:transform .5s cubic-bezier(.2,.8,.2,1);z-index:-1}
.why-card:hover::before{transform:none}
.why-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(0,27,58,.15)}
.why-card:nth-child(even){margin-top:30px}
.why-n{position:absolute;right:24px;top:18px;font-size:46px;font-weight:800;color:#EEF3FB;transition:.4s}
.why-card:hover .why-n{color:rgba(255,255,255,.1)}
.why-ic{width:66px;height:66px;border-radius:50%;background:#EEF3FB;color:var(--royal);display:flex;align-items:center;justify-content:center;font-size:26px;margin-bottom:22px;transition:.5s}
.why-card:hover .why-ic{background:var(--gold);color:#fff;transform:rotateY(360deg)}
.why-card h3{font-size:22px;margin-bottom:10px;transition:.3s}
.why-card p{transition:.3s}
.why-card:hover h3{color:#fff}.why-card:hover p{color:#d5dbe6}
/* steps */
.ab-steps{padding:110px 0}
.steps-intro{text-align:center;max-width:620px;margin:-35px auto 60px}
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:24px;position:relative}
.steps-line{position:absolute;top:50px;left:10%;right:10%;border-top:2px dashed #cdd6e6}
.steps-line i{position:absolute;left:0;top:-2px;height:2px;width:0;background:var(--gold);transition:width 1.8s ease}
.steps.go .steps-line i{width:100%}
.step{text-align:center;position:relative;opacity:0;transform:translateY(40px);transition:.7s;transition-delay:var(--d)}
.steps.go .step{opacity:1;transform:none}
.st-ic{position:relative;width:100px;height:100px;margin:0 auto 24px;border-radius:50%;background:#fff;border:2px solid #e3e9f3;display:flex;align-items:center;justify-content:center;font-size:34px;color:var(--royal);transition:.4s}
.st-ic::after{content:"";position:absolute;inset:-8px;border-radius:50%;border:2px solid var(--gold);opacity:0;transform:scale(.8);transition:.4s}
.step:hover .st-ic::after{opacity:1;transform:none}
.st-ic b{position:absolute;top:-4px;right:-4px;width:34px;height:34px;border-radius:50%;background:var(--gold);color:#fff;font-size:15px;display:flex;align-items:center;justify-content:center;z-index:1}
.step:hover .st-ic{background:var(--navy);border-color:var(--navy);color:#fff}
.step h3{font-size:22px;margin-bottom:8px}
.step p{line-height:1.7;padding:0 6px}
.steps-cta{display:flex;justify-content:center;align-items:center;gap:34px;margin-top:55px;flex-wrap:wrap}
@media(max-width:1199px){.steps{grid-template-columns:repeat(3,1fr);row-gap:45px}.steps-line{display:none}.vm-grid{grid-template-columns:1fr 1fr}.vm-center{grid-column:1/-1;grid-row:1;width:280px;height:280px;margin-bottom:30px}.why-wrap{grid-template-columns:340px 1fr;gap:40px}}
@media(max-width:991px){.ab-intro .container{grid-template-columns:1fr;gap:60px}.ab-badge{left:0}.ab-ring{left:-20px}.why-wrap{grid-template-columns:1fr}.why-side{position:static}.why-img{display:none}}
@media(max-width:767px){
.page-banner{padding:80px 0 70px}.page-banner h1{font-size:38px}
.ab-intro,.ab-vm,.ab-why,.ab-steps{padding:60px 0}
.ab-text h2,.why-side h2{font-size:28px}.ab-checks{grid-template-columns:1fr}
.ab-pics{padding:0 30px 60px 0}.ab-badge{padding:14px 16px;bottom:20px}.ab-badge b{font-size:28px}
.ab-chip{top:12px;right:8px;padding:8px 12px}.ab-chip i{width:32px;height:32px}.ab-ring{display:none}
.vm-grid{grid-template-columns:1fr;gap:26px}.vm-center{width:230px;height:230px}.vm-tag{font-size:13px}
.vm-card{padding:32px 24px}.vm-card h3{font-size:22px}
.why-grid,.steps{grid-template-columns:1fr}.why-card{padding:32px 24px}.why-card:nth-child(even){margin-top:0}
.steps-intro{margin:-20px auto 40px}
.steps-cta{flex-direction:column;gap:22px}
}

/* ================= CONTACT PAGE ================= */
.ct-info{padding:0;position:relative;z-index:2}
.ct-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:-70px}
.ct-card{background:#fff;padding:34px 26px 28px;box-shadow:0 15px 40px rgba(0,27,58,.1);text-align:center;position:relative;overflow:hidden;transition:.4s;display:block;border-bottom:4px solid var(--royal)}
.ct-card.wa{border-bottom-color:#25D366}.ct-card.ig{border-bottom-color:#d6249f}
.ct-card:nth-child(4){border-bottom-color:var(--gold)}
.ct-card:hover{transform:translateY(-8px);box-shadow:0 25px 50px rgba(0,27,58,.16)}
.ct-ic{width:72px;height:72px;margin:0 auto 18px;border-radius:50%;background:var(--royal);color:#fff;display:flex;align-items:center;justify-content:center;font-size:28px;box-shadow:0 0 0 8px #EEF3FB;transition:.5s}
.ct-card.wa .ct-ic{background:#25D366;box-shadow:0 0 0 8px #e7f9ee}
.ct-card.ig .ct-ic{background:linear-gradient(45deg,#f09433,#dc2743,#bc1888);box-shadow:0 0 0 8px #fbe9f3}
.ct-card:nth-child(4) .ct-ic{background:var(--gold);box-shadow:0 0 0 8px #FBF4E6}
.ct-card:hover .ct-ic{transform:rotateY(360deg)}
.ct-card small{display:block;font-size:14px;letter-spacing:1px;text-transform:uppercase;color:#8d96a5}
.ct-card b{display:block;color:var(--navy);font-size:19px;margin:4px 0 14px;word-break:break-word;line-height:1.4}
.ct-go{font-size:14px;font-weight:600;color:var(--royal)}
.ct-go i{font-size:11px;margin-left:4px;transition:.3s}
.ct-card:hover .ct-go i{transform:translateX(5px)}
.ct-go.plain{color:var(--gold)}
.ct-main{padding:100px 0 110px}
.ct-wrap{display:grid;grid-template-columns:1.6fr 1fr;gap:40px;align-items:start}
.ct-form-box{background:#fff;padding:50px;box-shadow:0 15px 50px rgba(0,27,58,.08)}
.ct-form-box h2{font-size:38px;margin-bottom:12px}
.ct-form-box>p{margin-bottom:30px}
.ct-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.ct-form label{display:block;margin-bottom:20px}
.ct-form label>span,.ct-mode>span{display:block;font-size:14px;font-weight:600;color:var(--navy);margin-bottom:7px}
.ct-form input[type=text],.ct-form input[type=tel],.ct-form input[type=email],.ct-form select,.ct-form textarea{width:100%;border:1px solid #e3e8f0;background:#f7f9fc;padding:14px 18px;font:16px 'Poppins',sans-serif;color:var(--navy);outline:none;transition:.3s;resize:vertical}
.ct-form input:focus,.ct-form select:focus,.ct-form textarea:focus{border-color:var(--gold);background:#fff;box-shadow:0 0 0 4px rgba(217,154,36,.12)}
.ct-mode{margin-bottom:22px;display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center}
.ct-mode>span{width:100%;margin-bottom:0}
.ct-mode label{margin:0;display:flex;align-items:center;gap:9px;cursor:pointer;border:1px solid #e3e8f0;padding:10px 18px;transition:.3s;font-size:15px;color:var(--navy)}
.ct-mode input{display:none}
.ct-mode i{width:18px;height:18px;border-radius:50%;border:2px solid #b8c2d3;position:relative;transition:.3s}
.ct-mode input:checked+i{border-color:var(--gold)}
.ct-mode input:checked+i::after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--gold)}
.ct-mode label:has(input:checked){border-color:var(--gold);background:#FBF4E6}
.ct-form .thm-btn{display:inline-flex;align-items:center;gap:10px;padding:15px 40px}
.ct-side{background:var(--navy);color:#c5cbd6;padding:45px 38px;position:sticky;top:150px;overflow:hidden}
.ct-side::before{content:"";position:absolute;inset:0;background:url(../../media/pattern.webp) center/500px;opacity:.07;filter:grayscale(1) brightness(2)}
.ct-side>*{position:relative}
.ct-globe{width:210px;height:210px;margin:0 auto 26px;position:relative}
.ct-globe::before{content:"";position:absolute;inset:10%;border-radius:50%;background:radial-gradient(circle,rgba(56,150,255,.55),transparent 70%);filter:blur(18px);animation:glow 4s ease-in-out infinite}
.ct-globe img{position:relative;width:100%;height:100%;object-fit:contain;animation:float 6s ease-in-out infinite}
.ct-side h3{color:#fff;font-size:24px;margin-bottom:10px;text-align:center}
.ct-side>p{text-align:center;margin-bottom:24px}
.ct-list li{display:flex;gap:12px;align-items:flex-start;margin-bottom:12px;color:#fff;line-height:1.5}
.ct-list i{flex:0 0 22px;height:22px;border-radius:50%;background:var(--gold);color:#fff;font-size:10px;display:flex;align-items:center;justify-content:center;margin-top:2px}
.ct-side .thm-btn{width:100%;text-align:center;margin-top:16px}
.ct-side .thm-btn::before{background:var(--royal)}
@media(max-width:1199px){.ct-cards{grid-template-columns:1fr 1fr}}
@media(max-width:991px){.ct-wrap{grid-template-columns:1fr}.ct-side{position:static}}
@media(max-width:767px){
.ct-cards{grid-template-columns:1fr;gap:16px;margin-top:-50px}
.ct-main{padding:60px 0}
.ct-form-box{padding:30px 20px}.ct-form-box h2{font-size:28px}
.ct-row{grid-template-columns:1fr;gap:0}
.ct-mode label{flex:1 1 auto;justify-content:center;padding:10px 12px}
.ct-form .thm-btn{width:100%;justify-content:center}
.ct-side{padding:36px 22px}
}
.ct-card.ig b{font-size:16px;word-break:normal;overflow-wrap:anywhere}
@media(max-width:767px){
.ct-cards{grid-template-columns:1fr 1fr;gap:12px}
.ct-card{padding:22px 10px 18px}
.ct-ic{width:52px;height:52px;font-size:20px;box-shadow:0 0 0 5px #EEF3FB;margin-bottom:12px}
.ct-card small{font-size:11px}.ct-card b{font-size:14px;margin:2px 0 8px}.ct-card.ig b{font-size:12px}
.ct-go{font-size:12px}
}

/* ===== IELTS section ===== */
.ielts{padding:110px 0;background:linear-gradient(180deg,#fff,#FBF4E6);position:relative;overflow:hidden}
.ie-head{text-align:center;max-width:760px;margin:0 auto 60px}
.ie-head h2{font-size:42px;margin:8px 0 14px}
.ie-wrap{display:grid;grid-template-columns:1fr 440px 1fr;gap:40px;align-items:center}
.ie-types,.ie-extra{display:flex;flex-direction:column;gap:22px}
.ie-type{background:#fff;padding:30px 28px;box-shadow:0 12px 35px rgba(0,27,58,.08);border-left:4px solid var(--royal);position:relative;transition:.4s}
.ie-type:nth-child(2){border-left-color:var(--gold)}
.ie-type:hover{transform:translateX(8px);box-shadow:0 18px 40px rgba(0,27,58,.13)}
.ie-tag{position:absolute;right:20px;top:18px;font-size:12px;font-weight:600;color:#a7b0c0;letter-spacing:1px;text-transform:uppercase}
.ie-type h3{font-size:22px;margin-bottom:8px;display:flex;gap:10px;align-items:center}
.ie-type h3 i{color:var(--royal);font-size:20px}.ie-type:nth-child(2) h3 i{color:var(--gold)}
.ie-type p{line-height:1.7}
.ie-wheel{position:relative;width:420px;height:420px;justify-self:center}
.ie-ring{position:absolute;inset:40px;border-radius:50%;border:2px dashed #c9d2e0;animation:spin 40s linear infinite}
.ie-ring::before,.ie-ring::after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:var(--gold);top:-7px;left:50%;margin-left:-7px}
.ie-ring::after{top:auto;bottom:-7px;background:var(--royal)}
.ie-core{position:absolute;left:50%;top:50%;width:170px;height:170px;margin:-85px 0 0 -85px;border-radius:50%;background:radial-gradient(circle at 30% 30%,var(--royal2),var(--navy));color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 0 14px rgba(30,79,184,.1),0 0 0 28px rgba(30,79,184,.05),0 20px 40px rgba(0,27,58,.3)}
.ie-core b{font-size:34px;letter-spacing:1px}.ie-core small{font-size:14px;color:var(--gold);font-weight:600}
.ie-skill{position:absolute;width:122px;height:122px;border-radius:50%;background:#fff;box-shadow:0 12px 30px rgba(0,27,58,.12);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;transition:.4s;cursor:default}
.ie-skill i{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px}
.ie-skill b{color:var(--navy);font-size:15px}
.ie-skill:hover{transform:scale(1.1);box-shadow:0 18px 40px rgba(0,27,58,.2)}
.s1{left:0;top:0}.s1 i{background:var(--royal)}
.s2{right:0;top:0}.s2 i{background:var(--gold)}
.s3{left:0;bottom:0}.s3 i{background:#2b8fd6}
.s4{right:0;bottom:0}.s4 i{background:var(--navy)}
.ie-skill{animation:float 5s ease-in-out infinite}.s2{animation-delay:1.2s}.s3{animation-delay:2.4s}.s4{animation-delay:3.6s}
.ie-x{display:flex;gap:18px;align-items:flex-start;background:#fff;padding:26px 24px;box-shadow:0 12px 35px rgba(0,27,58,.08);transition:.4s}
.ie-x:hover{transform:translateX(-8px);background:var(--navy)}
.ie-x span{flex:0 0 54px;height:54px;border-radius:50%;background:#FBF4E6;color:var(--gold);display:flex;align-items:center;justify-content:center;font-size:22px;transition:.4s}
.ie-x:hover span{background:var(--gold);color:#fff}
.ie-x h3{font-size:20px;margin-bottom:6px;transition:.3s}.ie-x p{line-height:1.65;transition:.3s}
.ie-x:hover h3{color:#fff}.ie-x:hover p{color:#c5cbd6}
.ie-extra .thm-btn{align-self:flex-start}
@media(max-width:1199px){.ie-wrap{grid-template-columns:1fr 1fr}.ie-wheel{grid-column:1/-1;grid-row:1;margin-bottom:20px}}
@media(max-width:767px){
.ielts{padding:60px 0}.ie-head h2{font-size:30px}.ie-head{margin-bottom:40px}
.ie-wrap{grid-template-columns:1fr;gap:22px}
.ie-wheel{width:300px;height:300px}.ie-ring{inset:30px}
.ie-core{width:120px;height:120px;margin:-60px 0 0 -60px}.ie-core b{font-size:24px}
.ie-skill{width:92px;height:92px}.ie-skill i{width:36px;height:36px;font-size:14px}.ie-skill b{font-size:12px}
.ie-type{padding:24px 20px}.ie-type h3{font-size:19px}.ie-tag{position:static;display:block;margin-bottom:6px}
.ie-extra .thm-btn{align-self:stretch;text-align:center}
}


/* IELTS skills donut (replaces orbit wheel) */
.ie-donut{position:relative;width:420px;height:420px;justify-self:center}
.dn-ring{position:absolute;inset:0;border-radius:50%;
 background:conic-gradient(from -45deg,var(--royal) 0 88deg,transparent 88deg 90deg,var(--gold) 90deg 178deg,transparent 178deg 180deg,var(--navy) 180deg 268deg,transparent 268deg 270deg,#2b8fd6 270deg 358deg,transparent 358deg);
 -webkit-mask:radial-gradient(circle,transparent 46%,#000 46.5%);mask:radial-gradient(circle,transparent 46%,#000 46.5%);
 filter:drop-shadow(0 20px 35px rgba(0,27,58,.22));transform:rotate(-90deg) scale(.85);opacity:0;transition:transform 1.2s cubic-bezier(.2,.8,.2,1),opacity 1s}
.ie-donut.in .dn-ring{transform:none;opacity:1}
.dn-seg{position:absolute;width:30%;height:30%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#fff;text-align:center;z-index:2;transition:.35s;cursor:default}
.dn-seg i{font-size:30px;transition:.35s}
.dn-seg b{font-size:16px;font-weight:600}
.g1{top:0;left:35%;height:17.5%}.g3{bottom:0;left:35%;height:17.5%}.g2{top:35%;right:0;width:17.5%}.g4{top:35%;left:0;width:17.5%}.dn-seg{gap:4px}.g2 i,.g4 i,.g1 i,.g3 i{font-size:22px}.dn-seg b{font-size:14px}
.dn-seg:hover i{transform:scale(1.25)}
.dn-core{position:absolute;left:50%;top:50%;width:46%;height:46%;transform:translate(-50%,-50%);border-radius:50%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:inset 0 0 0 10px #FBF4E6,0 10px 30px rgba(0,27,58,.12);z-index:1}
.dn-core span{font-size:13px;color:#8d96a5;font-weight:500}
.dn-core b{font-size:32px;color:var(--navy);line-height:1.1}
.dn-core small{margin-top:6px;background:var(--gold);color:#fff;font-weight:700;font-size:13px;letter-spacing:2px;padding:3px 14px}
.ie-donut .dn-seg,.ie-donut .dn-core{opacity:0;transform:scale(.6);transition:opacity .6s,transform .6s}
.ie-donut .dn-core{transform:translate(-50%,-50%) scale(.6)}
.ie-donut.in .dn-seg{opacity:1;transform:none}
.ie-donut.in .dn-core{opacity:1;transform:translate(-50%,-50%)}
.ie-donut.in .g1{transition-delay:.5s}.ie-donut.in .g2{transition-delay:.65s}.ie-donut.in .g3{transition-delay:.8s}.ie-donut.in .g4{transition-delay:.95s}
.ie-donut.in .dn-seg:hover{transform:scale(1.06);transition-delay:0s}
@media(max-width:1199px){.ie-donut{grid-column:1/-1;grid-row:1;margin-bottom:20px}}
@media(max-width:767px){.ie-donut{width:300px;height:300px}.ie-donut .dn-seg i{font-size:16px}.ie-donut .dn-seg b{font-size:10px}.dn-core b{font-size:22px}.dn-core span{font-size:11px}.dn-core small{font-size:11px}}

/* donut scroll rotation */
.dn-spin{position:absolute;inset:0;transform:rotate(var(--a,0deg));will-change:transform}
.dn-seg .lbl{display:flex;flex-direction:column;align-items:center;gap:4px;transform:rotate(calc(-1 * var(--a,0deg)))}
/* sticky side panel for teaching methods */
.why-side{position:sticky;top:160px;align-self:start}

/* ================= COURSES PAGE ================= */
.cr-intro{padding:90px 0 0}
.cr-lead{display:flex;gap:40px;align-items:center;max-width:1000px;margin:0 auto 50px}
.cr-grade{flex:0 0 170px;height:170px;border-radius:50%;background:var(--navy);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 0 10px #EEF3FB,0 0 0 20px #FBF4E6}
.cr-grade b{font-size:18px;color:var(--gold);font-weight:600}.cr-grade span{font-size:44px;font-weight:800;line-height:1}
.cr-lead h2{font-size:38px;margin-bottom:12px}
.cr-nav{position:sticky;top:120px;z-index:40;background:#fff;border-top:1px solid #edf0f5;border-bottom:1px solid #edf0f5;box-shadow:0 8px 20px rgba(0,27,58,.05)}
.cr-nav .container{display:flex;justify-content:center;gap:6px;overflow-x:auto;scrollbar-width:none}
.cr-nav a{display:flex;align-items:center;gap:9px;padding:18px 22px;font-weight:600;color:var(--navy);white-space:nowrap;border-bottom:3px solid transparent;transition:.3s}
.cr-nav a i{color:var(--gold)}
.cr-nav a:hover{color:var(--royal)}
.cr-nav a.on{border-bottom-color:var(--gold);color:var(--royal);background:#FBF4E6}
.cr-sec{padding:100px 0;scroll-margin-top:190px}
.cr-sec.dark{background:var(--navy);position:relative;overflow:hidden}
.cr-sec.dark::before{content:"";position:absolute;inset:0;background:url(../../media/pattern.webp) center/600px;opacity:.07;filter:grayscale(1) brightness(2)}
.cr-sec.dark .container{position:relative}
.cr-sec.gold{background:#FBF4E6}
.cr-head{display:flex;align-items:center;gap:22px;margin-bottom:50px}
.cr-letter{flex:0 0 76px;height:76px;background:var(--gold);color:#fff;font-size:38px;font-weight:800;display:flex;align-items:center;justify-content:center;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}
.cr-head small{color:var(--royal);font-weight:600;font-size:15px}
.cr-head h2{font-size:38px;line-height:1.2}
.cr-sec.dark .cr-head h2{color:#fff}.cr-sec.dark .cr-head small{color:var(--gold)}
/* subjects grid */
.sj-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:24px}
.sj-card{background:#fff;box-shadow:0 10px 30px rgba(0,27,58,.07);transition:.4s;display:flex;flex-direction:column}
.sj-card:hover{transform:translateY(-8px);box-shadow:0 22px 45px rgba(0,27,58,.14)}
.sj-img{position:relative;overflow:hidden;aspect-ratio:4/3}
.sj-img img{width:100%;height:100%;object-fit:cover;transition:.7s}
.sj-card:hover .sj-img img{transform:scale(1.1)}
.sj-n{position:absolute;left:0;bottom:0;background:var(--gold);color:#fff;font-weight:700;font-size:14px;padding:5px 12px}
.sj-body{padding:20px 20px 22px;flex:1;display:flex;flex-direction:column}
.sj-body h3{font-size:19px;margin-bottom:6px;transition:.3s}
.sj-body p{font-size:14px;line-height:1.6;margin-bottom:14px;flex:1}
.sj-go{font-size:14px;font-weight:600;color:var(--royal)}
.sj-go i{font-size:11px;margin-left:4px;transition:.3s}
.sj-card:hover h3{color:var(--gold)}.sj-card:hover .sj-go i{transform:translateX(5px)}
/* curriculum */
.cu-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:22px}
.cu-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);padding:34px 24px;text-align:center;transition:.45s;position:relative;overflow:hidden}
.cu-card::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:4px;background:var(--gold);transform:scaleX(0);transition:.5s}
.cu-card:hover{background:#fff;transform:translateY(-8px)}.cu-card:hover::after{transform:scaleX(1)}
.cu-ic{width:72px;height:72px;margin:0 auto 18px;border-radius:50%;background:var(--gold);color:#fff;display:flex;align-items:center;justify-content:center;font-size:28px;transition:.5s}
.cu-card:hover .cu-ic{background:var(--royal);transform:rotateY(360deg)}
.cu-card h3{color:#fff;font-size:26px;transition:.3s}
.cu-card small{display:block;color:var(--gold);font-size:13px;font-weight:600;line-height:1.4;min-height:36px;margin:4px 0 12px}
.cu-card p{color:#c5cbd6;font-size:14px;line-height:1.65;margin-bottom:16px;transition:.3s}
.cu-go{font-size:14px;font-weight:600;color:#fff;transition:.3s}
.cu-card:hover h3{color:var(--navy)}.cu-card:hover p{color:var(--text)}.cu-card:hover .cu-go{color:var(--royal)}
/* competitive rows */
.ex-row{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin-bottom:70px}
.ex-row:last-child{margin-bottom:0}
.ex-row.rev .ex-img{order:2}
.ex-img{position:relative;overflow:hidden;aspect-ratio:16/10}
.ex-img img{width:100%;height:100%;object-fit:cover;transition:.8s}
.ex-row:hover .ex-img img{transform:scale(1.06)}
.ex-img::after{content:"";position:absolute;inset:18px;border:2px solid rgba(255,255,255,.6);pointer-events:none}
.ex-badge{position:absolute;right:0;top:30px;background:var(--royal);color:#fff;font-weight:800;font-size:26px;padding:10px 26px;letter-spacing:1px}
.ex-text small{color:var(--gold);font-weight:600;font-size:15px}
.ex-text h3{font-size:34px;margin:6px 0 14px}
.ex-text ul{margin:20px 0 30px}
.ex-text li{display:flex;gap:12px;align-items:center;margin-bottom:12px;color:var(--navy);font-weight:500}
.ex-text li i{flex:0 0 26px;height:26px;border-radius:50%;background:#EEF3FB;color:var(--royal);font-size:11px;display:flex;align-items:center;justify-content:center}
/* ielts */
.il-grid{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:26px}
.il-mod{background:#fff;padding:40px 30px;box-shadow:0 12px 35px rgba(0,27,58,.07);transition:.4s;border-bottom:4px solid var(--royal)}
.il-mod:nth-child(2){border-bottom-color:var(--gold)}
.il-mod:hover{transform:translateY(-8px)}
.il-mod span{width:66px;height:66px;border-radius:50%;background:var(--royal);color:#fff;display:flex;align-items:center;justify-content:center;font-size:26px;margin-bottom:22px}
.il-mod:nth-child(2) span{background:var(--gold)}
.il-mod h3{font-size:24px;margin-bottom:8px}
.il-skills{background:var(--navy);padding:38px 34px;color:#c5cbd6}
.il-skills h3{color:#fff;font-size:24px;margin-bottom:18px}
.il-chips{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:22px}
.il-chips span{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.07);color:#fff;padding:12px 14px;font-weight:500;transition:.3s}
.il-chips span i{color:var(--gold)}
.il-chips span:hover{background:var(--royal)}
.il-skills ul{margin-bottom:24px}
.il-skills li{display:flex;gap:10px;align-items:center;margin-bottom:8px;color:#fff}
.il-skills li i{color:var(--gold)}
/* methods strip */
.tm-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}
.tm-item{text-align:center;padding:30px 14px;border:1px solid #e9edf3;transition:.4s}
.tm-item span{width:68px;height:68px;margin:0 auto 16px;border-radius:50%;background:#EEF3FB;color:var(--royal);display:flex;align-items:center;justify-content:center;font-size:26px;transition:.4s}
.tm-item h3{font-size:17px;line-height:1.4}
.tm-item:hover{background:var(--navy);border-color:var(--navy);transform:translateY(-6px)}
.tm-item:hover span{background:var(--gold);color:#fff}.tm-item:hover h3{color:#fff}
/* cta */
.cr-cta{background:linear-gradient(120deg,var(--royal),var(--navy));padding:70px 0}
.cr-cta .container{display:flex;align-items:center;justify-content:space-between;gap:30px}
.cr-cta h2{color:#fff;font-size:34px;margin-bottom:8px}.cr-cta p{color:#d5dbe6}
.cr-cta-btns{display:flex;gap:14px;flex:0 0 auto}
.thm-btn.wa{background:#25D366;display:inline-flex;align-items:center;gap:8px}
@media(max-width:1199px){.sj-grid{grid-template-columns:repeat(3,1fr)}.cu-grid{grid-template-columns:repeat(3,1fr)}.tm-strip{grid-template-columns:repeat(3,1fr)}.il-grid{grid-template-columns:1fr 1fr}.il-skills{grid-column:1/-1}.cr-nav{top:110px}}
@media(max-width:991px){.ex-row{grid-template-columns:1fr;gap:30px}.ex-row.rev .ex-img{order:0}.cr-cta .container{flex-direction:column;text-align:center}.cr-nav{top:90px}.cr-nav .container{justify-content:flex-start}}
@media(max-width:767px){
.cr-intro{padding:60px 0 0}.cr-lead{flex-direction:column;text-align:center;gap:26px}.cr-lead h2{font-size:26px}.cr-grade{flex-basis:auto;width:130px;height:130px}.cr-grade span{font-size:34px}
.cr-nav{top:88px}.cr-nav a{padding:14px 14px;font-size:14px}
.cr-sec{padding:60px 0;scroll-margin-top:150px}
.cr-head{gap:14px;margin-bottom:34px}.cr-letter{flex-basis:56px;height:56px;font-size:28px}.cr-head h2{font-size:24px}
.sj-grid{grid-template-columns:1fr 1fr;gap:14px}.sj-body{padding:14px}.sj-body h3{font-size:16px}.sj-body p{font-size:13px}
.cu-grid{grid-template-columns:1fr 1fr;gap:14px}.cu-card{padding:24px 14px}.cu-card h3{font-size:20px}
.ex-text h3{font-size:26px}.ex-badge{font-size:20px;padding:8px 18px}
.il-grid{grid-template-columns:1fr}.il-skills{grid-column:auto}
.tm-strip{grid-template-columns:1fr 1fr;gap:12px}.tm-item h3{font-size:15px}
.cr-cta h2{font-size:26px}.cr-cta-btns{flex-direction:column;width:100%}.cr-cta-btns .thm-btn{text-align:center;justify-content:center}
}
@media(max-width:767px){.cu-card:last-child{grid-column:1/-1}}

/* ===== courses: left menu + tab panes ===== */
.cr-intro{padding-bottom:20px}
.cr-tabs-wrap{padding:30px 0 100px}
.cr-layout{display:grid;grid-template-columns:300px 1fr;gap:40px;align-items:start}
.cr-side{position:sticky;top:150px;background:var(--navy);padding:26px 18px;box-shadow:0 20px 45px rgba(0,27,58,.18)}
.cr-side h4{color:#fff;font-size:18px;margin:0 8px 18px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.12)}
.cr-tab{width:100%;display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;column-gap:12px;text-align:left;background:transparent;border:none;border-left:3px solid transparent;color:#c5cbd6;padding:13px 12px;cursor:pointer;font-family:inherit;transition:.3s;margin-bottom:4px;position:relative}
.cr-tab span{grid-row:1/3;width:34px;height:34px;align-self:center;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.08);color:#fff;font-weight:700;font-size:15px;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);transition:.3s}
.cr-tab i{display:none}
.cr-tab b{font-size:16px;font-weight:600;color:#fff;line-height:1.3}
.cr-tab em{font-style:normal;font-size:12px;color:#8d96a5}
.cr-tab:hover{background:rgba(255,255,255,.05);padding-left:18px}
.cr-tab.on{background:#fff;border-left-color:var(--gold);padding-left:18px}
.cr-tab.on span{background:var(--gold)}
.cr-tab.on b{color:var(--navy)}.cr-tab.on em{color:var(--royal)}
.cr-tab.on::after{content:"";position:absolute;right:-18px;top:50%;margin-top:-10px;border:10px solid transparent;border-left-color:#fff}
.cr-side-cta{margin-top:22px;padding:20px 8px 4px;border-top:1px solid rgba(255,255,255,.12);text-align:center}
.cr-side-cta p{color:#fff;margin-bottom:12px;font-weight:500}
.cr-side-cta .thm-btn{width:100%}
.cr-side-cta .thm-btn::before{background:var(--royal)}
.cr-panes{min-width:0}
.cr-pane{display:none;padding:44px 40px;scroll-margin-top:0}
.cr-pane.on{display:block;animation:paneIn .55s cubic-bezier(.2,.8,.2,1)}
@keyframes paneIn{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}
.cr-pane .container{max-width:none;padding:0}
.cr-pane:not(.dark):not(.gold){background:#fff;box-shadow:0 15px 45px rgba(0,27,58,.07)}
.cr-pane .reveal{opacity:1;transform:none}
.cr-pane .cr-head{margin-bottom:36px}
.cr-pane .sj-grid{grid-template-columns:repeat(4,1fr);gap:20px}
.cr-pane .cu-grid{grid-template-columns:repeat(3,1fr)}
.cr-pane .tm-strip{grid-template-columns:repeat(3,1fr)}
.cr-pane .ex-row{gap:40px;margin-bottom:50px}
.cr-pane .il-grid{grid-template-columns:1fr 1fr}.cr-pane .il-skills{grid-column:1/-1}
@media(max-width:1199px){.cr-layout{grid-template-columns:250px 1fr;gap:30px}.cr-pane{padding:34px 26px}.cr-pane .sj-grid{grid-template-columns:repeat(3,1fr)}.cr-pane .cu-grid{grid-template-columns:1fr 1fr}.cr-pane .ex-row{grid-template-columns:1fr}.cr-pane .ex-row.rev .ex-img{order:0}}
@media(max-width:991px){
.cr-layout{grid-template-columns:1fr;gap:20px}
.cr-side{position:sticky;top:88px;z-index:30;padding:10px;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}
.cr-side h4,.cr-side-cta{display:none}
.cr-tab{flex:0 0 auto;width:auto;display:flex;align-items:center;gap:8px;margin:0;padding:10px 14px;border-left:0;border-bottom:3px solid transparent;white-space:nowrap}
.cr-tab:hover,.cr-tab.on{padding-left:14px}
.cr-tab.on{border-bottom-color:var(--gold)}
.cr-tab span{width:28px;height:28px;font-size:13px}
.cr-tab em,.cr-tab.on::after{display:none}
.cr-tab b{font-size:14px}
}
@media(max-width:767px){.cr-tabs-wrap{padding:20px 0 60px}.cr-pane{padding:28px 16px}.cr-pane .sj-grid,.cr-pane .cu-grid,.cr-pane .tm-strip{grid-template-columns:1fr 1fr;gap:12px}.cr-pane .il-grid{grid-template-columns:1fr}}
/* courses: wider layout + 3-col subjects */
.cr-tabs-wrap .cr-layout{max-width:1640px;grid-template-columns:290px 1fr;gap:36px}
.cr-pane .sj-grid{grid-template-columns:repeat(3,1fr);gap:26px}
.cr-pane .sj-body h3{font-size:22px}.cr-pane .sj-body p{font-size:15px}
@media(max-width:1199px){.cr-tabs-wrap .cr-layout{grid-template-columns:240px 1fr;gap:24px}.cr-pane .sj-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:991px){.cr-tabs-wrap .cr-layout{grid-template-columns:1fr}}
@media(max-width:767px){.cr-pane .sj-grid{grid-template-columns:1fr 1fr;gap:12px}.cr-pane .sj-body h3{font-size:16px}.cr-pane .sj-body p{font-size:13px}}

/* ================= REGISTRATION FORMS ================= */
.rg{padding:90px 0 110px;background:#f5f7fb}
.rg-layout{display:grid;grid-template-columns:330px 1fr;gap:40px;align-items:start}
.rg-side{position:sticky;top:150px}
.rg-side-in{background:var(--navy);color:#c5cbd6;padding:34px 26px;position:relative;overflow:hidden}
.rg-side-in::before{content:"";position:absolute;inset:0;background:url(../../media/pattern.webp) center/500px;opacity:.06;filter:grayscale(1) brightness(2)}
.rg-side-in>*{position:relative}
.rg-ic{width:64px;height:64px;border-radius:50%;background:var(--gold);color:#fff;display:flex;align-items:center;justify-content:center;font-size:26px;margin-bottom:18px}
.rg-side h4{color:#fff;font-size:22px;margin-bottom:10px}
.rg-side-in>p{font-size:14px;line-height:1.7;margin-bottom:22px}
.rg-steps{counter-reset:none;margin-bottom:22px;border-top:1px solid rgba(255,255,255,.1);padding-top:14px}
.rg-steps a{display:flex;align-items:center;gap:12px;padding:8px 6px;font-size:14px;color:#c5cbd6;transition:.3s}
.rg-steps a span{flex:0 0 28px;height:28px;border-radius:50%;border:1.5px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;transition:.3s}
.rg-steps a:hover{color:#fff}
.rg-steps a.done span{background:rgba(217,154,36,.25);border-color:var(--gold);color:var(--gold)}
.rg-steps a.on{color:#fff;font-weight:600}
.rg-steps a.on span{background:var(--gold);border-color:var(--gold);color:#fff;box-shadow:0 0 0 5px rgba(217,154,36,.2)}
.rg-help{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.07);padding:14px 16px}
.rg-help i{font-size:28px;color:#25D366}.rg-help small{display:block;font-size:12px}.rg-help b{color:#fff}
.rg-main{min-width:0}
.rg-intro{margin-bottom:24px}.rg-intro h2{font-size:34px;margin-bottom:4px}
.rg-intro em,.rg-form em{color:#e0524b;font-style:normal}
.rg-err{background:#fdecea;color:#b3261e;border-left:4px solid #e0524b;padding:14px 18px;margin-bottom:22px;font-weight:500}
.rg-sec{background:#fff;padding:34px 36px;margin-bottom:22px;box-shadow:0 8px 25px rgba(0,27,58,.05);scroll-margin-top:150px;border-top:3px solid transparent;transition:border-color .3s}
.rg-sec:focus-within{border-top-color:var(--gold)}
.rg-sec h3{display:flex;align-items:center;gap:14px;font-size:22px;margin-bottom:22px;padding-bottom:16px;border-bottom:1px solid #eef1f6}
.rg-sec h3 span{flex:0 0 40px;height:40px;background:var(--royal);color:#fff;font-size:17px;display:flex;align-items:center;justify-content:center;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}
.rg-sec:focus-within h3 span{background:var(--gold)}
.rg-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 22px}
.rg-f{display:block;margin-bottom:18px}
.rg-f.full{grid-column:1/-1}
.rg-f>span,.rg-q>span{display:block;font-size:14px;font-weight:600;color:var(--navy);margin-bottom:7px}
.rg-f small,.rg-q small{font-weight:400;color:#8d96a5}
.rg-f input,.rg-f textarea,.rg-sum input,.oth-in{width:100%;border:1px solid #e1e6ee;background:#f8fafc;padding:13px 16px;font:15px 'Poppins',sans-serif;color:var(--navy);outline:none;transition:.25s;resize:vertical}
.rg-f input:focus,.rg-f textarea:focus,.rg-sum input:focus,.oth-in:focus{border-color:var(--gold);background:#fff;box-shadow:0 0 0 4px rgba(217,154,36,.12)}
.rg-q{margin:6px 0 16px}
.rg-hint{font-size:14px;color:#8d96a5;margin:-8px 0 14px}
.rg-chips{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.chip{display:inline-flex;align-items:center;gap:9px;border:1px solid #e1e6ee;background:#fff;padding:9px 16px;font-size:14.5px;color:var(--navy);cursor:pointer;transition:.25s;user-select:none}
.chip input{position:absolute;opacity:0;width:0;height:0}
.chip i{flex:0 0 18px;height:18px;border:2px solid #b8c2d3;border-radius:4px;position:relative;transition:.25s}
.chip input[type=radio]+i{border-radius:50%}
.chip:hover{border-color:var(--royal)}
.chip:has(input:checked){border-color:var(--gold);background:#FBF4E6}
.chip input:checked+i{background:var(--gold);border-color:var(--gold)}
.chip input:checked+i::after{content:"";position:absolute;left:4px;top:0;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.chip input[type=radio]:checked+i::after{left:3px;top:3px;width:8px;height:8px;border:0;border-radius:50%;background:#fff;transform:none}
.chip input:focus-visible+i{box-shadow:0 0 0 3px rgba(30,79,184,.3)}
.oth-in{display:none;flex:1 1 220px;width:auto;padding:9px 14px}
.oth-in.show{display:block}
.rg-note{background:#EEF3FB;color:var(--navy);padding:12px 16px;font-size:14px;display:flex;gap:10px;align-items:center}
.rg-note i{color:var(--royal)}
.rg-file{position:relative;display:block;margin-bottom:18px;cursor:pointer}
.rg-file input{position:absolute;inset:0;opacity:0;cursor:pointer}
.rg-file span{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;border:2px dashed #cdd6e6;padding:22px 14px;transition:.3s;background:#f8fafc}
.rg-file i{font-size:26px;color:var(--royal);margin-bottom:4px}
.rg-file b{color:var(--navy);font-size:15px}
.rg-file small{font-size:13px;color:#8d96a5;word-break:break-all}
.rg-file:hover span{border-color:var(--royal);background:#EEF3FB}
.rg-file.has span{border-color:var(--gold);border-style:solid;background:#FBF4E6}.rg-file.has small{color:var(--navy);font-weight:500}
.rg-decl{background:#f8fafc;border-left:4px solid var(--royal);padding:16px 20px;font-size:14.5px;line-height:1.75;margin-bottom:18px}
.chip.agree{display:flex;width:100%;margin-bottom:22px;font-weight:600;padding:14px 18px}
.rg-submit{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;background:#fff;padding:26px 36px;box-shadow:0 8px 25px rgba(0,27,58,.05)}
.rg-sum span{display:block;font-size:14px;font-weight:600;color:var(--navy);margin-bottom:7px}
.rg-sum input{width:140px}
.rg-submit .thm-btn{display:inline-flex;align-items:center;gap:10px;padding:16px 44px;font-size:17px}
.thm-btn.loading{pointer-events:none;opacity:.7}
.hp{position:absolute;left:-9999px;opacity:0;height:0;width:0}
.invalid input,.invalid textarea,input.invalid{border-color:#e0524b!important;background:#fff6f5!important}
.rg-q.invalid .chip,.chip.invalid{border-color:#e0524b}
.rg-file.invalid span{border-color:#e0524b;background:#fff6f5}
.rg-done{background:#fff;padding:70px 40px;text-align:center;box-shadow:0 15px 45px rgba(0,27,58,.08)}
.rg-done span{width:96px;height:96px;margin:0 auto 24px;border-radius:50%;background:#25D366;color:#fff;font-size:42px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 12px #e7f9ee;animation:paneIn .6s}
.rg-done h2{font-size:32px;margin-bottom:12px}.rg-done p{max-width:560px;margin:0 auto 28px}
@media(max-width:991px){.rg-layout{grid-template-columns:1fr}.rg-side{position:static}.rg-steps{display:none}}
@media(max-width:767px){.rg{padding:50px 0 60px}.rg-sec{padding:24px 18px}.rg-sec h3{font-size:18px}.rg-grid{grid-template-columns:1fr}.rg-intro h2{font-size:24px}.rg-submit{padding:22px 18px}.rg-submit .thm-btn{width:100%;justify-content:center}.rg-sum input{width:100%}.rg-sum{width:100%}.chip{font-size:13.5px;padding:8px 12px}}
.rg-steps{list-style:none;padding-left:0}

/* email additions */
.ct-cards{grid-template-columns:repeat(5,1fr)}
.ct-card.em{border-bottom-color:var(--navy)}.ct-card.em .ct-ic{background:var(--navy);box-shadow:0 0 0 8px #e6eaf1}
.ct-card .em-t{font-size:15px}
.f-contact a{word-break:break-all}
@media(max-width:1199px){.ct-cards{grid-template-columns:repeat(3,1fr)}}
@media(max-width:767px){.ct-cards{grid-template-columns:1fr 1fr}.ct-card .em-t{font-size:11px}.ct-card.em{grid-column:1/-1}.topbar .container a:last-child{font-size:11px}}
.ct-card:nth-child(4){border-bottom-color:#d6249f}
.ct-card:nth-child(4) .ct-ic{background:linear-gradient(45deg,#f09433,#dc2743,#bc1888);box-shadow:0 0 0 8px #fbe9f3}
.ct-card.sa{border-bottom-color:var(--gold)}.ct-card.sa .ct-ic{background:var(--gold);box-shadow:0 0 0 8px #FBF4E6}
.ct-card .em-t{font-size:13px;word-break:normal;overflow-wrap:normal;white-space:nowrap}
.ct-card.ig b{font-size:14px;white-space:nowrap}
@media(max-width:767px){.ct-card .em-t{font-size:13px}.ct-card.ig b{font-size:11px}}

/* ===== final mobile polish ===== */
.f-contact a{word-break:normal;overflow-wrap:normal}
@media(max-width:767px){
 .ct-card.ig b{white-space:normal;font-size:13px}
 .cr-pane .sj-grid .sj-card:last-child:nth-child(odd){grid-column:1/-1;flex-direction:row}
 .cr-pane .sj-grid .sj-card:last-child:nth-child(odd) .sj-img{flex:0 0 45%;aspect-ratio:auto}
 .ie-donut{margin:10px auto 30px}
 .f-contact li{font-size:15px}
 .wa-float{bottom:16px;right:12px}
 .page-banner h1{font-size:32px;line-height:1.2}
 .crumb{font-size:13px;padding:6px 14px;flex-wrap:wrap;justify-content:center}
}
@media(max-width:380px){.hero-text h1{font-size:30px}.sec-title,.welcome h2,.sk-left h2{font-size:26px}.ct-card b{font-size:13px}}