:root{--navy:#071d49;--blue:#075fc8;--gold:#d9a928;--ink:#10213d;--muted:#64748b;--soft:#f3f7fc;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);line-height:1.65;background:#fff}
a{text-decoration:none;color:inherit}.container{width:min(1160px,92%);margin:auto}
header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);border-bottom:1px solid #e7edf5}
.nav{min-height:78px;display:flex;align-items:center;gap:22px}.brand{display:flex;align-items:center;gap:12px;margin-right:auto}.brand img{width:58px;height:58px;object-fit:contain;border-radius:10px}.brand b{color:var(--navy);font-size:15px;line-height:1.15}.brand span{display:block;color:var(--gold);font-size:10px;letter-spacing:1px}
nav{display:flex;gap:18px;align-items:center}nav a{font-weight:700;font-size:13px;color:#253858;padding:27px 0;border-bottom:3px solid transparent}nav a:hover,nav a.active{color:var(--blue);border-color:var(--gold)}
.menu{display:none;border:0;background:var(--navy);color:#fff;border-radius:9px;padding:9px 12px;font-size:20px}
.hero{background:linear-gradient(115deg,#061a42 0%,#073c7c 60%,#0866c9 100%);color:#fff;position:relative;overflow:hidden}
.hero:after{content:"";position:absolute;width:520px;height:520px;border:80px solid rgba(255,255,255,.05);border-radius:50%;right:-190px;top:-190px}
.hero .container{min-height:620px;display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:55px;position:relative;z-index:2}.eyebrow{color:#ffd86a;font-weight:800;letter-spacing:1.8px;font-size:13px;text-transform:uppercase}
h1{font-size:clamp(40px,5vw,70px);line-height:1.03;margin:14px 0 22px;letter-spacing:-2px}h2{font-size:clamp(30px,3vw,46px);line-height:1.1;margin:0 0 18px;color:var(--navy)}h3{color:var(--navy);margin:0 0 8px}
.hero p{font-size:18px;max-width:700px;color:#e7f0ff}.buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-block;padding:13px 20px;border-radius:9px;background:var(--gold);color:#10213d;font-weight:800;border:1px solid var(--gold)}.btn.alt{background:transparent;color:#fff;border-color:#a9c9ef}.btn.blue{background:var(--blue);color:#fff;border-color:var(--blue)}
.hero-card{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(8px);padding:28px;border-radius:22px}.hero-card img{width:100%;border-radius:14px;background:#fff}
section{padding:78px 0}.soft{background:var(--soft)}.section-head{max-width:760px;margin-bottom:34px}.section-head p{color:var(--muted);font-size:17px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:#fff;border:1px solid #e3eaf4;border-radius:16px;padding:25px;box-shadow:0 8px 28px rgba(7,29,73,.06)}.card p{color:var(--muted);margin-bottom:0}.icon{width:45px;height:45px;border-radius:12px;display:grid;place-items:center;background:#eaf3ff;color:var(--blue);font-weight:900;margin-bottom:17px}
.band{background:var(--navy);color:#fff}.band h2{color:#fff}.pillrow{display:flex;gap:10px;flex-wrap:wrap}.pill{background:#fff;border:1px solid #dce7f4;border-radius:999px;padding:8px 13px;font-weight:700;font-size:13px;color:#25405f}
.pagehero{padding:72px 0;background:linear-gradient(120deg,#061a42,#075fc8);color:#fff}.pagehero h1{font-size:50px;margin-bottom:10px}.pagehero p{max-width:800px;font-size:18px;color:#e6f0ff}
.twocol{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.founder{width:100%;border-radius:20px;box-shadow:0 16px 40px #071d4922}
.quote{border-left:5px solid var(--gold);padding:20px 24px;background:#f8fafc;font-size:19px;font-weight:650}
.list{columns:2;gap:28px;padding-left:20px}.list li{margin:7px 0}.category{margin-bottom:22px}.category ul{columns:2}
form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.full{grid-column:1/-1}input,select,textarea{width:100%;padding:13px;border:1px solid #cfd9e6;border-radius:9px;font:inherit}textarea{min-height:130px}button.btn{cursor:pointer}
.contactbar{background:#eaf3ff;border-radius:16px;padding:24px}.contactbar a{color:var(--blue);font-weight:800}
footer{background:#04142f;color:#c8d5e8;padding:52px 0 25px}.foot{display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px}.foot h3{color:#fff}.foot a{display:block;margin:7px 0}.copyright{border-top:1px solid #213456;margin-top:30px;padding-top:20px;font-size:13px}
@media(max-width:900px){.menu{display:block}nav{display:none;position:absolute;left:0;right:0;top:78px;background:#fff;padding:15px 4%;flex-direction:column;align-items:stretch;border-bottom:1px solid #ddd}nav.open{display:flex}nav a{padding:9px}.hero .container,.twocol{grid-template-columns:1fr}.hero .container{padding:70px 0}.hero-card{display:none}.grid{grid-template-columns:1fr 1fr}.foot{grid-template-columns:1fr}.list,.category ul{columns:1}}@media(max-width:620px){.grid{grid-template-columns:1fr}form{grid-template-columns:1fr}.full{grid-column:auto}.brand b{font-size:12px}section{padding:55px 0}.pagehero h1{font-size:38px}}

.hero-visual{min-height:430px;border-radius:24px;background:
linear-gradient(180deg,rgba(7,29,73,.02),rgba(7,29,73,.18)),
url('hero-youth-digital-learning.jpg') center/cover no-repeat;
box-shadow:0 22px 55px rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.22)}
.hero-note{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.hero-note span{padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);font-size:12px;font-weight:700}
@media(max-width:900px){.hero-visual{display:block;min-height:330px;order:-1}.hero .container{grid-template-columns:1fr}}

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:wght@700&display=swap');
body{font-family:'Manrope',Arial,sans-serif;background:#fff;color:#13233e}
h1,h2,h3{letter-spacing:-.035em} h1,h2{font-weight:800}
header{box-shadow:0 7px 28px rgba(7,29,73,.07)}
nav{gap:8px}nav a{padding:11px 13px;border:0;border-radius:999px;transition:.22s ease}
nav a:hover{background:#eef5ff;color:var(--blue);transform:translateY(-1px)}
nav a.active{background:var(--navy);color:#fff;box-shadow:inset 0 -3px 0 var(--gold)}
.pagehero{padding:88px 0;background:radial-gradient(circle at 85% 10%,rgba(255,211,80,.18),transparent 28%),linear-gradient(120deg,#04142f,#075fc8)}
.pagehero .eyebrow{display:inline-block;background:rgba(255,255,255,.1);padding:7px 12px;border-radius:999px}
.card{transition:.25s ease}.card:hover{transform:translateY(-4px);box-shadow:0 16px 38px rgba(7,29,73,.11)}
.course-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:28px 0}
.course-search{flex:1;min-width:260px;padding:15px 17px;border:1px solid #cad7e8;border-radius:12px}
.filters{display:flex;gap:8px;overflow:auto;padding-bottom:4px}.filter{border:1px solid #d7e2ef;background:#fff;border-radius:999px;padding:9px 13px;font-weight:800;white-space:nowrap;cursor:pointer}.filter.active{background:var(--navy);color:#fff}
.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.course-card{position:relative}.course-no{font-size:12px;font-weight:800;color:var(--blue);letter-spacing:1px}.course-cat{display:inline-block;margin-top:8px;background:#edf5ff;color:#075fc8;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800}
.story-card{overflow:hidden;padding:0}.story-top{min-height:120px;background:linear-gradient(135deg,#071d49,#0870d8);padding:24px;color:#fff}.story-top h3{color:#fff}.story-body{padding:24px}
.event-date{width:58px;height:58px;border-radius:14px;background:#071d49;color:#fff;display:grid;place-items:center;text-align:center;font-weight:800;line-height:1.05}
.event-row{display:flex;gap:17px;align-items:flex-start}
.statbar{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:28px}.stat{padding:18px;border-radius:14px;background:#fff;border:1px solid #dfe8f3;text-align:center}.stat b{display:block;font-size:24px;color:var(--navy)}
@media(max-width:900px){.course-grid{grid-template-columns:1fr 1fr}.statbar{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.course-grid{grid-template-columns:1fr}.statbar{grid-template-columns:1fr 1fr}}