@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#102c59;--navyd:#071b38;--blue:#2762be;--yellow:#ffc34e;--cream:#f8f7f4;--mute:#68778d;--border:#dfe5ef;--radius:26px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--navyd);font-family:Cairo,Arial,sans-serif;line-height:1.75}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;display:block} .container{width:min(1190px,calc(100% - 44px));margin:auto}.topline{height:5px;background:linear-gradient(90deg,var(--navy),var(--blue),var(--yellow))}.nav{position:sticky;top:0;z-index:50;backdrop-filter:blur(20px);background:rgba(250,250,248,.94);border-bottom:1px solid rgba(9,31,66,.08)}.navin{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:85px}.brand{font:900 25px/1 Manrope,Arial,sans-serif;letter-spacing:-1.4px;color:var(--navy);direction:ltr;display:inline-flex;align-items:center}.brand b{color:#f5b92d}.brand small{display:block;letter-spacing:4px;font-size:9px;margin-top:8px;text-align:center}.navlinks{display:flex;align-items:center;gap:28px;font-size:13px;font-weight:800}.navlinks a:hover,.navlinks a.active{color:#2762be}.navcta{background:var(--navy);border-radius:14px;color:white;padding:11px 19px;font-size:13px;font-weight:800;white-space:nowrap}.navcta:hover{background:var(--blue)}.hamb{display:none;border:0;background:none;font-size:26px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:55px;padding:12px 24px;border-radius:16px;background:var(--yellow);color:var(--navyd);font-weight:900;border:1px solid transparent;transition:.25s;white-space:nowrap}.btn:hover{transform:translateY(-3px);box-shadow:0 12px 25px #001d4025}.btn.dark{background:var(--navy);color:white}.btn.white{background:white;color:var(--navy);border-color:var(--border)}.btn.outline{background:transparent;border-color:#a9bad3;color:var(--navy)}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-weight:900;color:var(--blue);font-size:13px;letter-spacing:.5px}.eyebrow:before{content:'';width:20px;height:3px;background:var(--yellow);border-radius:5px}.hero{padding:100px 0 90px;overflow:hidden;position:relative}.hero.darkhero{background:radial-gradient(ellipse at 15% 5%,#214e8e 0%,transparent 38%),linear-gradient(125deg,#071b38,#12396b 70%,#0b284b);color:white}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:62px;align-items:center}.hero h1{font-size:clamp(42px,6vw,82px);line-height:1.27;letter-spacing:-2px;margin:23px 0}.hero h1 em{font-style:normal;color:var(--yellow)}.hero p{font-size:18px;max-width:640px;color:#d4dfec;margin:0 0 28px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-actions .outline{border-color:#6686b1;color:white}.statstrip{display:flex;flex-wrap:wrap;gap:25px;margin-top:40px;font-size:13px;color:#b7cbe3}.statstrip span:before{content:'✦';color:var(--yellow);padding-left:8px}.hero-visual{position:relative;min-height:490px;display:grid;place-items:center}.visualcard{width:100%;border:1px solid #ffffff32;border-radius:34px;background:linear-gradient(155deg,#edf4ff 0%,#fff 76%);box-shadow:0 35px 80px #0006;transform:rotate(-3deg);padding:30px;color:var(--navy);position:relative}.visualcard:before{content:'';position:absolute;inset:-20px -20px auto auto;width:100px;height:100px;border:14px solid #ffc34e;border-radius:50%;opacity:.5}.visualcard .mega{font-size:clamp(75px,12vw,150px);font-family:Manrope,sans-serif;font-weight:800;line-height:1.15;letter-spacing:-12px}.visualcard h3{font-size:31px;line-height:1.4;margin:20px 0}.visualcard p{color:#52657c;font-size:15px}.visualcard .highlight{background:var(--yellow);display:inline-block;padding:3px 14px;border-radius:9px;transform:rotate(-2deg);font-weight:900}.floatbadge{position:absolute;background:white;color:var(--navy);padding:12px 23px;box-shadow:0 18px 50px #0003;border-radius:14px;font-weight:900}.floatbadge.one{left:-10px;top:45px;transform:rotate(-8deg)}.floatbadge.two{right:-12px;bottom:28px;transform:rotate(7deg)}.section{padding:100px 0}.section.soft{background:#eff3f8}.section.navy{background:var(--navyd);color:white}.section-head{margin-bottom:42px}.section-head.center{text-align:center}.section-head.center .eyebrow:before{display:none}.section h2{font-size:clamp(32px,4vw,52px);letter-spacing:-1px;line-height:1.35;margin:12px 0 17px}.section-head p{color:var(--mute);font-size:16px;max-width:650px}.section-head.center p{margin:auto}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.card{border:1px solid var(--border);background:white;border-radius:var(--radius);padding:33px;transition:.25s}.card:hover{transform:translateY(-5px);box-shadow:0 18px 38px #15345912}.card .num{font:800 13px Manrope,sans-serif;color:var(--blue);margin-bottom:22px}.card .ico{font-size:32px;display:inline-flex;width:67px;height:67px;align-items:center;justify-content:center;border-radius:19px;background:#e9f0ff;margin-bottom:14px}.card h3{font-size:24px;margin:0 0 13px}.card p{color:#65758a;margin:0 0 20px}.card .link{color:var(--blue);font-weight:900}.course-card{display:flex;flex-direction:column;overflow:hidden;padding:0}.course-art{background:#e9eff7;min-height:180px;display:flex;align-items:center;justify-content:center;font-size:70px}.course-body{padding:30px;flex:1}.course-body h3{font-size:24px}.tag{display:inline-flex;border-radius:99px;background:#eaf1ff;color:#225bad;font-size:12px;font-weight:900;padding:5px 12px}.tag.gold{background:#fff2cf;color:#815408}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.largeimage{border-radius:28px;box-shadow:0 26px 65px #17345e1e;max-height:660px;margin:auto}.bulletgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin:24px 0 30px}.bullet{background:white;border-radius:14px;padding:15px;border:1px solid var(--border);font-weight:800;font-size:14px}.bullet:before{content:'✓';margin-left:11px;color:#1c9b76}.banner{padding:48px;border-radius:30px;background:linear-gradient(120deg,#173e70,#081e3c);color:white;display:flex;align-items:center;justify-content:space-between;gap:32px}.banner h2{margin:0;font-size:36px}.banner p{color:#c9d8eb}.details{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.detail{padding:25px 15px;background:white;border:1px solid var(--border);border-radius:19px;text-align:center}.detail strong{font-size:25px;display:block}.detail span{color:var(--mute);font-size:12px}.faq{display:grid;gap:12px;max-width:850px;margin:auto}details{background:white;border:1px solid var(--border);border-radius:17px;padding:19px 24px}summary{cursor:pointer;font-weight:900}details p{color:var(--mute)}.formlayout{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px}.contactbox{background:var(--navy);padding:40px;border-radius:28px;color:white}.contactbox p{color:#c6d6ed}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:18px;font-weight:800;font-size:14px}.field input,.field select,.field textarea{width:100%;padding:13px 16px;border:1px solid #dbe2eb;background:#fff;border-radius:12px;color:#17304d;outline:0}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2762be1b}.formtwo{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contactform{background:white;padding:38px;border:1px solid var(--border);border-radius:28px}.muted{color:var(--mute)}.footer{background:#061a33;color:#c2d1e0;padding:60px 0 28px}.footergrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:45px}.footer h4{color:white;margin:0 0 14px}.footer a{display:block;margin:8px 0}.footend{border-top:1px solid #ffffff1c;margin-top:44px;padding-top:22px;color:#89a3c0;font-size:12px}.mobile-cta{display:none}.reveal{opacity:0;transform:translateY(23px);transition:opacity .6s,transform .6s}.reveal.show{opacity:1;transform:translateY(0)}.poster-panel{position:relative}.poster-panel:after{content:'ENGLISH  •  STEP UP';position:absolute;bottom:5%;left:-5%;padding:9px 17px;background:var(--yellow);border-radius:12px;transform:rotate(-7deg);font:800 13px Manrope;color:var(--navy)}.pagehero{background:linear-gradient(130deg,#0b2241,#164579);padding:80px 0;color:white}.pagehero h1{font-size:clamp(42px,6vw,76px);line-height:1.3;margin:16px 0}.pagehero p{color:#c7d7ea;font-size:18px;max-width:720px}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;counter-reset:step}.timeline .card{padding:24px}.timeline .card:before{counter-increment:step;content:'0' counter(step);font:800 38px Manrope;color:#d8e4f6}.subnav{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.subnav a{padding:8px 15px;border:1px solid #ffffff50;border-radius:30px;font-size:13px;font-weight:800}.marquee{background:var(--yellow);padding:17px 0;overflow:hidden;color:var(--navy);font-weight:900;text-align:center;word-spacing:10px}.stickycontact{position:fixed;bottom:24px;left:24px;z-index:40;border-radius:99px;padding:13px 21px;background:#159b62;color:white;box-shadow:0 12px 35px #0003;font-size:14px;font-weight:900}.artframe{padding:16px;background:#fff;border-radius:34px;box-shadow:0 18px 65px #0024551c}.artframe img{width:100%;border-radius:22px}.listrows{display:grid;gap:12px}.listrow{display:flex;align-items:center;gap:15px;padding:15px 20px;background:white;border:1px solid var(--border);border-radius:16px;font-weight:800}.listrow span{display:grid;place-items:center;background:#e9f0ff;color:var(--blue);border-radius:12px;width:48px;height:48px;flex-shrink:0;font-size:22px}@media(max-width:900px){.navlinks{display:none;position:absolute;top:85px;right:0;left:0;background:white;padding:25px;flex-direction:column;box-shadow:0 15px 30px #0002}.navlinks.open{display:flex}.hamb{display:block}.navcta{display:none}.hero-grid,.split,.formlayout{grid-template-columns:1fr;gap:40px}.hero-visual{min-height:360px}.grid{grid-template-columns:repeat(2,1fr)}.details,.timeline{grid-template-columns:repeat(2,1fr)}.footergrid{grid-template-columns:1fr 1fr}.section{padding:74px 0}.visualcard .mega{font-size:90px}}@media(max-width:620px){.container{width:min(100% - 30px,1190px)}.navin{min-height:72px}.navlinks{top:72px}.brand{font-size:21px}.hero{padding:65px 0 55px}.hero h1{font-size:43px}.hero p{font-size:16px}.hero-visual{min-height:320px}.visualcard{padding:20px}.visualcard .mega{font-size:75px;letter-spacing:-7px}.visualcard h3{font-size:23px}.floatbadge{font-size:11px}.grid,.details,.timeline,.bulletgrid,.formtwo,.footergrid{grid-template-columns:1fr}.banner{padding:30px;display:block}.banner h2{font-size:29px}.banner .btn{margin-top:17px}.contactform,.contactbox{padding:24px}.stickycontact{display:none}.mobile-cta{display:flex;position:fixed;bottom:0;z-index:80;width:100%;background:#fff;box-shadow:0 -8px 30px #001c3e24;padding:9px 15px;gap:10px}.mobile-cta a{flex:1;text-align:center;padding:10px;background:var(--yellow);color:var(--navy);border-radius:12px;font-weight:900}.mobile-cta a:last-child{background:var(--navy);color:white}body{padding-bottom:62px}.pagehero{padding:56px 0}.section h2{font-size:33px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* Campaign art and official identity — October 2026 */
.nav .brand img{display:block;width:62px;height:69px;object-fit:contain;border-radius:0;mix-blend-mode:multiply}
.footer .brand img{width:92px;height:102px;object-fit:contain;background:#fff;border-radius:12px;padding:5px}
.photo-hero{min-height:unset!important;display:block!important}
.campaign-figure{margin:0;position:relative;padding:9px;background:linear-gradient(145deg,#f8fbff,#fff);border:1px solid rgba(255,255,255,.32);border-radius:30px;box-shadow:0 28px 70px rgba(0,0,0,.24);overflow:hidden;transform:rotate(-1deg);transition:transform .35s ease}
.campaign-figure:hover{transform:rotate(0) translateY(-4px)}
.campaign-figure img{width:100%;height:auto;display:block;aspect-ratio:1/1;object-fit:cover;border-radius:22px}
.course-art-image{padding:0;overflow:hidden}
.course-art-image img{width:100%;height:100%;max-height:245px;object-fit:cover;object-position:top;display:block}
.campaign-strip{display:grid;grid-template-columns:minmax(0,320px) 1fr;align-items:center;gap:40px;margin-top:64px;padding:24px;border:1px solid #dce6f0;border-radius:28px;background:#f7faff}
.campaign-strip>img{width:100%;border-radius:18px;box-shadow:0 16px 35px #0d23401c}
.campaign-strip-copy h3{font-size:clamp(25px,3.7vw,43px);color:#0b2852;margin:10px 0}
.campaign-strip-copy p{font-size:17px;line-height:1.9;color:#536780;margin-bottom:22px}
@media(max-width:860px){.photo-hero{max-width:610px;margin-inline:auto}.campaign-strip{grid-template-columns:1fr}.campaign-strip>img{max-width:360px;margin:auto}.nav .brand img{width:53px;height:59px}}
@media(max-width:560px){.campaign-figure{border-radius:21px;padding:6px;transform:none}.campaign-figure img{border-radius:16px}.campaign-strip{padding:17px;margin-top:35px}.nav .brand img{width:47px;height:54px}}