:root{--fp-blue:#1678ff;--fp-blue-dark:#0a4ecb;--fp-sky:#eaf6ff;--fp-yellow:#ffc928;--fp-ink:#14213d;--fp-muted:#63718a;--fp-line:#e5edf7;--fp-white:#fff;--fp-shadow:0 20px 55px rgba(20,54,105,.11)}
html{scroll-padding-top:84px}.landing-body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;background:#fff!important;color:var(--fp-ink)!important}.landing-body *{box-sizing:border-box}.landing-body section{position:relative}.landing-body .container{width:min(1180px,calc(100% - 40px))!important;margin-inline:auto!important}
.gl-nav{position:sticky!important;top:0!important;background:rgba(255,255,255,.94)!important;border-bottom:1px solid rgba(220,231,245,.95)!important;box-shadow:0 8px 30px rgba(35,73,126,.06)!important;backdrop-filter:blur(18px)!important}.landing-nav-inner{min-height:76px!important}.gl-brand{color:var(--fp-ink)!important}.gl-brand>span{background:linear-gradient(145deg,#0b86ff,#38bdf8)!important;box-shadow:0 10px 24px rgba(22,120,255,.23)}.gl-brand small{color:#1682dd!important}.landing-menu a{color:#34425f!important;font-weight:750!important}.landing-menu a:hover{background:#f0f7ff!important;color:#0b68df!important}.landing-nav-cta{background:var(--fp-yellow)!important;color:#3b3100!important;box-shadow:0 10px 22px rgba(255,201,40,.28)!important}.gl-login-link{color:#0875e1!important}
.gl-hero{padding:86px 0 78px!important;background:linear-gradient(135deg,#f8fcff 0%,#edf8ff 48%,#f4f1ff 100%)!important;color:var(--fp-ink)!important;min-height:auto!important}.gl-hero:before{background:radial-gradient(circle at 8% 18%,rgba(64,188,255,.17),transparent 26%),radial-gradient(circle at 86% 22%,rgba(114,90,255,.13),transparent 26%),linear-gradient(rgba(37,99,235,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.035) 1px,transparent 1px)!important;background-size:auto,auto,52px 52px,52px 52px!important}.gl-hero:after{display:none!important}.gl-hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr)!important;gap:64px!important}.gl-eyebrow{background:#fff!important;color:#0c72df!important;border:1px solid #dceeff!important;box-shadow:0 8px 24px rgba(22,120,255,.08)!important}.gl-copy h1{font-size:clamp(3rem,5.1vw,5rem)!important;color:#12203e!important;line-height:1.01!important;letter-spacing:-.055em!important}.gl-copy h1 em{background:linear-gradient(90deg,#087eff,#6b55ed)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}.gl-copy>p{color:#53657f!important;font-size:1.08rem!important;max-width:680px!important}.gl-btn-primary{background:linear-gradient(135deg,#117bff,#0fa8ea)!important;color:#fff!important;border-radius:14px!important;box-shadow:0 14px 28px rgba(22,120,255,.22)!important}.gl-btn-ghost{background:#fff!important;color:#1e3a65!important;border:1px solid #d8e6f7!important;border-radius:14px!important;box-shadow:0 10px 25px rgba(30,58,101,.06)!important}.gl-proof{grid-template-columns:auto 1fr auto 1fr auto 1fr!important;padding:14px 18px!important;border:1px solid #deebf8!important;border-radius:18px!important;background:rgba(255,255,255,.78)!important;box-shadow:0 12px 32px rgba(35,73,126,.07)!important}.gl-proof strong{color:#0d66d5!important}.gl-proof span{color:#687790!important}
.gl-visual{min-height:480px!important}.gl-yellow-orbit{background:linear-gradient(135deg,#fff1a7,#ffc928)!important;opacity:.78!important}.gl-browser-card{border-radius:24px!important;border:1px solid rgba(255,255,255,.95)!important;box-shadow:0 30px 70px rgba(19,74,145,.18)!important;transform:rotate(-1.2deg)!important}.gl-browser-top{background:#f8fbff!important;color:#64748b!important;border-bottom:1px solid #e8eef7!important}.gl-browser-body{background:#fff!important}.gl-code-panel{background:#101c38!important}.gl-preview-panel{background:linear-gradient(145deg,#f7fbff,#edf6ff)!important;color:#183153!important}.gl-preview-panel>div{background:linear-gradient(135deg,#137eff,#724eea)!important}.gl-float-card{border:1px solid #e3edf8!important;background:#fff!important;color:#1d2f4d!important;box-shadow:0 18px 40px rgba(24,65,121,.13)!important}.gl-float-card>span{background:#eaf5ff!important;color:#0f78ef!important}
.gl-trusted{background:#fff!important;border-block:1px solid #edf2f8!important}.gl-trusted span{color:#7a879a!important}.gl-trusted b{color:#2f4260!important;background:#f7faff!important;border:1px solid #e8eef6!important}
.gl-programs,.landing-section,.teacher-section,.graduate-section,.testimonial-section,.public-showcase{padding:82px 0!important;background:#fff!important}.gl-programs{background:#fbfdff!important}.gl-section-head span,.section-title>span,.section-kicker{color:#0d75e8!important}.gl-section-head h2,.section-title h2,.showcase-heading h2,.graduate-intro h2{color:#14213d!important;letter-spacing:-.035em!important}.gl-section-head p,.section-title p,.graduate-intro p{color:#68768c!important}.gl-program-grid{gap:22px!important}.gl-program-card,.feature-card,.teacher-card,.graduate-card,.testimonial-grid>article{border:1px solid var(--fp-line)!important;border-radius:22px!important;background:#fff!important;box-shadow:0 14px 38px rgba(39,73,120,.07)!important;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important}.gl-program-card:hover,.feature-card:hover,.teacher-card:hover,.graduate-card:hover,.testimonial-grid>article:hover{transform:translateY(-6px)!important;box-shadow:var(--fp-shadow)!important;border-color:#cfe4fb!important}.gl-program-card:before{height:5px!important;border-radius:22px 22px 0 0!important}.gl-program-icon{border-radius:16px!important}.feature-grid{gap:20px!important}.feature-card{padding:28px!important}.feature-card>div{background:#eef7ff!important;color:#0d76e8!important}.public-showcase{background:linear-gradient(180deg,#f7fbff,#fff)!important}.activity-grid{gap:18px!important}.activity-card{border-radius:20px!important;box-shadow:0 14px 38px rgba(31,69,124,.1)!important}.activity-overlay{background:linear-gradient(180deg,transparent 30%,rgba(7,23,49,.9))!important}.teacher-section{background:#fbfdff!important}.teacher-grid{gap:22px!important}.teacher-card{grid-template-columns:180px 1fr!important;overflow:hidden!important}.teacher-card img{min-height:280px!important;background:#eaf5ff!important}.teacher-card h3{color:#14213d!important}.teacher-card p{color:#66758a!important}.graduate-section{background:#fff!important}.graduate-grid{gap:20px!important}.graduate-card{padding:26px!important}.graduate-score{background:#eff7ff!important}.graduate-score strong{color:#0d70dd!important}.testimonial-section{background:#f8fbff!important}.testimonial-grid{gap:20px!important}.testimonial-grid>article{padding:28px!important}.testimonial-grid p{color:#52627b!important}
.gl-login-band{padding:84px 0!important;background:linear-gradient(135deg,#126fe8,#1c9fe8)!important}.gl-login-copy h2{color:#fff!important;letter-spacing:-.04em!important}.gl-login-copy p{color:rgba(255,255,255,.88)!important}.gl-login-points li{color:#fff!important}.gl-login-card{border-radius:24px!important;border:1px solid rgba(255,255,255,.78)!important;background:#fff!important;box-shadow:0 30px 70px rgba(4,48,111,.23)!important}.gl-login-card h2{color:#14213d!important}.gl-login-card p,.gl-login-card label,.remember-label{color:#68758a!important}.gl-login-card .form-control{min-height:52px!important;border-radius:13px!important;background:#f8fbff!important;border:1px solid #dce8f6!important;color:#17233d!important}.gl-submit{min-height:54px!important;border:0!important;border-radius:13px!important;background:linear-gradient(135deg,#157cff,#0fa6e8)!important;box-shadow:0 14px 26px rgba(21,124,255,.22)!important}.gl-login-links a{color:#0b72df!important}
.developer-section{padding:72px 0!important;background:#fff!important;color:var(--fp-ink)!important}.developer-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;padding:32px;border:1px solid #dceaf8;border-radius:26px;background:linear-gradient(135deg,#f7fbff,#f4f1ff);box-shadow:0 18px 50px rgba(38,75,126,.08)}.developer-mark{width:92px;height:92px;display:grid;place-items:center;border-radius:24px;background:linear-gradient(145deg,#1382ff,#6b55ed);color:#fff;font-size:1.65rem;font-weight:900;box-shadow:0 16px 32px rgba(61,92,214,.24)}.developer-copy>span{color:#0d75e8!important}.developer-copy h2{margin:.3rem 0 .5rem!important;font-size:clamp(1.8rem,3vw,2.8rem)!important;color:#14213d!important}.developer-copy p{max-width:760px!important;margin:0!important;color:#5f6f86!important}.developer-skills{margin:1rem 0 0!important}.developer-skills b{background:#fff!important;color:#205aa8!important;border:1px solid #d9e8f8!important}.developer-action{display:inline-flex;align-items:center;gap:.6rem;white-space:nowrap;padding:.85rem 1.1rem;border-radius:13px;background:#14213d;color:#fff;text-decoration:none;font-weight:800}
.front-cta{padding:28px 0 76px!important;background:#fff!important}.front-cta-card{border:0!important;border-radius:26px!important;background:linear-gradient(120deg,#0d70e4,#178fe9 58%,#6556ea)!important;box-shadow:0 25px 60px rgba(19,101,215,.2)!important}.front-cta-card h2,.front-cta-card p,.front-cta-card>div>span{color:#fff!important}.front-cta-card .btn-landing-primary{background:var(--fp-yellow)!important;color:#3d3200!important}.front-cta-card .btn-landing-secondary{background:rgba(255,255,255,.13)!important;color:#fff!important;border-color:rgba(255,255,255,.32)!important}
.premium-footer{background:#0d1830!important}.premium-footer:before{opacity:.35!important}.footer-main{grid-template-columns:1.35fr .7fr .7fr .9fr!important}.footer-logo>span{background:linear-gradient(145deg,#147fff,#31b6ef)!important}.footer-column a:hover{color:#5fc4ff!important}.system-ready{color:#66e5b0!important}
@media(max-width:991.98px){.landing-body .container{width:min(100% - 28px,760px)!important}.landing-menu-btn{display:grid!important;place-items:center;background:#eef7ff!important;color:#176fd0!important;border-color:#d9eafb!important}.landing-menu{top:70px!important;background:#fff!important;border:1px solid #e4edf7!important;box-shadow:0 20px 50px rgba(24,56,104,.13)!important}.landing-menu a{color:#24344f!important}.gl-hero{padding-top:64px!important}.gl-hero-grid{grid-template-columns:1fr!important;gap:40px!important}.gl-copy{text-align:center!important}.gl-copy>p{margin-inline:auto!important}.gl-actions{justify-content:center!important}.gl-proof{margin-inline:auto!important}.gl-visual{min-height:430px!important}.developer-card{grid-template-columns:auto 1fr!important}.developer-action{grid-column:1/-1;justify-self:start}.teacher-grid{grid-template-columns:1fr!important}.footer-main{grid-template-columns:1fr 1fr!important}}
@media(max-width:767.98px){body.landing-body{padding-bottom:76px!important}.landing-body .container{width:calc(100% - 24px)!important}.landing-nav-inner{min-height:64px!important}.landing-brand{grid-template-columns:40px auto!important}.landing-brand>span{width:40px!important;height:40px!important;border-radius:12px!important}.gl-hero{padding:38px 0 48px!important}.gl-copy h1{font-size:clamp(2.35rem,11vw,3.5rem)!important}.gl-copy>p{font-size:.96rem!important;line-height:1.7!important}.gl-actions{display:grid!important;grid-template-columns:1fr!important}.gl-actions a{width:100%!important}.gl-proof{grid-template-columns:1fr 1fr 1fr!important;text-align:center!important;gap:10px!important}.gl-proof span{display:none!important}.gl-visual{min-height:310px!important}.gl-browser-card{transform:none!important;border-radius:18px!important}.gl-browser-body{grid-template-columns:1fr!important}.gl-code-panel{display:none!important}.gl-float-card{transform:scale(.84)!important}.gl-float-a{left:-8px!important}.gl-float-b{right:-8px!important}.gl-programs,.landing-section,.teacher-section,.graduate-section,.testimonial-section,.public-showcase,.gl-login-band{padding:58px 0!important}.gl-program-grid,.feature-grid,.graduate-grid,.testimonial-grid{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;padding:4px 2px 18px!important;gap:14px!important}.gl-program-card,.feature-card,.graduate-card,.testimonial-grid>article{min-width:86%!important;scroll-snap-align:start!important}.teacher-card{grid-template-columns:110px 1fr!important}.teacher-card img{min-height:220px!important}.teacher-card-body{padding:18px!important}.teacher-card h3{font-size:1.12rem!important}.developer-card{grid-template-columns:1fr!important;text-align:center!important;padding:24px 20px!important}.developer-mark{margin:auto!important}.developer-skills{justify-content:center!important}.developer-action{justify-self:stretch!important;justify-content:center!important}.front-cta{padding-bottom:40px!important}.front-cta-card{padding:24px 20px!important}.footer-main{grid-template-columns:1fr 1fr!important}.footer-brand-block,.footer-contact{grid-column:1/-1!important}.footer-bottom{padding-bottom:90px!important}.mobile-bottom-nav{background:rgba(255,255,255,.95)!important;border:1px solid #dfe9f5!important;box-shadow:0 12px 35px rgba(22,56,105,.18)!important}.mobile-bottom-nav a{color:#60708a!important}.mobile-bottom-nav .mobile-main-action span{background:linear-gradient(145deg,#147fff,#6b55ed)!important}}
@media(max-width:390px){.landing-body .container{width:calc(100% - 18px)!important}.gl-copy h1{font-size:2.2rem!important}.gl-proof{padding:12px 8px!important}.gl-proof strong{font-size:1rem!important}.teacher-card{grid-template-columns:92px 1fr!important}.teacher-card img{min-height:205px!important}.teacher-card-body{padding:14px!important}.footer-main{grid-template-columns:1fr!important}.footer-column{grid-column:1!important}}
@media(prefers-reduced-motion:reduce){.landing-body *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* V11 — split-screen login inspired by modern education platforms */
.auth-showcase{background:#eef7fc!important;padding:0!important;overflow:hidden;border-block:1px solid #d9edf8}
.auth-showcase-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(540px,1fr);min-height:760px}
.auth-promo{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 42px 38px;background:linear-gradient(145deg,#28a9df 0%,#2ea6d7 54%,#2398ce 100%);color:#fff}
.auth-promo-pattern{position:absolute;inset:0;opacity:.16;background-image:linear-gradient(45deg,transparent 46%,rgba(255,255,255,.3) 47%,rgba(255,255,255,.3) 49%,transparent 50%),linear-gradient(-45deg,transparent 46%,rgba(255,255,255,.22) 47%,rgba(255,255,255,.22) 49%,transparent 50%);background-size:120px 120px}
.auth-promo-brand{position:absolute;top:38px;left:50%;transform:translateX(-50%);z-index:3;display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}.auth-promo-brand>span{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:#fff;color:#1596d0;font-weight:950;font-size:1.22rem;box-shadow:0 12px 28px rgba(5,80,118,.18)}.auth-promo-brand strong{display:block;font-size:1.45rem;letter-spacing:.02em}.auth-promo-brand small{display:block;letter-spacing:.35em;font-size:.63rem;margin-top:2px;opacity:.9}
.auth-people{position:relative;width:min(620px,92%);height:390px;margin-top:52px;z-index:2}.auth-yellow-circle{position:absolute;width:385px;height:385px;border-radius:50%;left:50%;top:12px;transform:translateX(-50%);background:linear-gradient(145deg,#ffd230,#ffbd11);box-shadow:0 24px 55px rgba(7,86,127,.2)}.auth-orbit{position:absolute;left:50%;top:18px;width:440px;height:350px;border:4px solid rgba(255,255,255,.75);border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:translateX(-50%) rotate(-8deg)}
.auth-person{position:absolute;bottom:0;object-fit:contain;filter:drop-shadow(0 18px 20px rgba(12,71,101,.18));z-index:2}.auth-person-left{width:225px;left:9%;height:305px}.auth-person-center{width:265px;left:50%;transform:translateX(-50%);height:350px;z-index:3}.auth-person-right{width:225px;right:8%;height:305px}
.auth-stat{position:absolute;z-index:5;display:flex;align-items:center;gap:10px;padding:10px 16px;background:#fff;border-radius:10px;box-shadow:0 14px 30px rgba(15,73,105,.18);color:#1585c1;border:1px solid rgba(255,255,255,.92)}.auth-stat:before{content:'★';display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:#fff3c6;color:#e4a400;font-size:1.05rem}.auth-stat b{display:block;font-size:1.48rem;line-height:1}.auth-stat span{display:block;font-size:.72rem;margin-top:3px;color:#4884a5}.auth-stat-course{left:-8px;top:112px}.auth-stat-student{right:-8px;top:132px}.auth-stat-score{left:10px;bottom:10px}
.auth-promo-copy{position:relative;z-index:4;max-width:650px;text-align:center;margin-top:18px}.auth-promo-copy>span{font-size:1rem;font-weight:700;letter-spacing:.02em}.auth-promo-copy h2{margin:12px 0 14px;color:#fff;font-size:clamp(1.8rem,3vw,2.6rem);font-weight:900;letter-spacing:.04em}.auth-promo-copy p{max-width:620px;margin:0 auto;color:rgba(255,255,255,.96);font-size:1.06rem;line-height:1.55}
.auth-form-panel{display:flex;align-items:center;justify-content:center;background:#fff;padding:56px 54px}.auth-form-shell{width:min(100%,690px)}.auth-mobile-brand{display:none}.auth-form-heading{margin-bottom:24px}.auth-kicker{display:block;color:#179bd3;font-size:.77rem;letter-spacing:.18em;font-weight:850;margin-bottom:9px}.auth-form-heading h2{font-size:2.35rem;line-height:1.1;margin:0 0 8px;color:#19233a;font-weight:900;letter-spacing:-.035em}.auth-form-heading p{margin:0;color:#6d7687;font-size:1rem}.auth-form{display:grid;gap:16px}.auth-field label{display:block;margin-bottom:7px;color:#27344c;font-weight:760;font-size:.88rem}.auth-input-wrap{display:flex;align-items:center;min-height:54px;border:1px solid #cfd7e3;background:#fff;border-radius:7px;overflow:hidden;transition:.2s}.auth-input-wrap:focus-within{border-color:#39aee5;box-shadow:0 0 0 3px rgba(57,174,229,.17)}.auth-input-wrap>span{width:52px;align-self:stretch;display:grid;place-items:center;background:#f0f2f5;color:#526273;border-right:1px solid #d9dee6;font-size:1rem}.auth-input-wrap input{flex:1;min-width:0;height:52px;border:0;outline:0;padding:0 14px;color:#1c2840;font-size:1rem;background:#fff}.auth-input-wrap button{width:52px;height:52px;border:0;border-left:1px solid #d9dee6;background:#fff;color:#536174;font-size:1rem}.auth-options{display:flex;align-items:center;justify-content:space-between;gap:16px;color:#34405a;font-size:.9rem}.auth-options a,.auth-role-links a,.auth-foot-note a{color:#159bd4;text-decoration:none;font-weight:700}.auth-options input{accent-color:#23a647}.auth-submit{min-height:52px;border:0;border-radius:6px;background:linear-gradient(135deg,#ffc812,#ffbd05);color:#211e10;font-weight:900;font-size:1rem;box-shadow:0 10px 24px rgba(255,193,13,.22);transition:.2s}.auth-submit:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(255,193,13,.3)}.auth-divider{display:flex;align-items:center;gap:16px;color:#7b8493;font-size:.85rem}.auth-divider:before,.auth-divider:after{content:'';height:1px;background:#e1e5eb;flex:1}.auth-role-links{display:grid;grid-template-columns:1fr 1fr;gap:12px}.auth-role-links a{display:flex;justify-content:center;align-items:center;min-height:46px;border:1px solid #d4dbe5;border-radius:6px;background:#fff}.auth-role-links a:hover{background:#f5fbff;border-color:#9dd8f1}.auth-foot-note{text-align:center;margin-top:18px;color:#222d40}.auth-connection{display:block;text-align:center;font-size:.76rem;margin-top:2px}.auth-form .alert{margin:0}.auth-form.was-validated .auth-input-wrap:has(input:invalid){border-color:#dc3545}.auth-form.was-validated .auth-field:has(input:invalid) .invalid-feedback{display:block}
@media(max-width:1100px){.auth-showcase-grid{grid-template-columns:.92fr 1.08fr}.auth-promo{padding-inline:24px}.auth-people{transform:scale(.9)}.auth-form-panel{padding:46px 34px}}
@media(max-width:820px){.auth-showcase-grid{grid-template-columns:1fr;min-height:auto}.auth-promo{min-height:340px;padding:28px 18px 26px}.auth-promo-brand{position:relative;top:auto;left:auto;transform:none;margin-bottom:8px}.auth-people{height:210px;width:min(430px,100%);margin:0 auto;transform:none}.auth-yellow-circle{width:210px;height:210px;top:2px}.auth-orbit{width:250px;height:190px;top:6px}.auth-person-left,.auth-person-right{width:120px;height:165px}.auth-person-left{left:15%}.auth-person-right{right:14%}.auth-person-center{width:150px;height:190px}.auth-stat{padding:6px 9px;gap:6px;border-radius:8px}.auth-stat:before{width:25px;height:25px}.auth-stat b{font-size:.95rem}.auth-stat span{font-size:.56rem}.auth-stat-course{left:2px;top:62px}.auth-stat-student{right:2px;top:72px}.auth-stat-score{left:10px;bottom:4px}.auth-promo-copy{margin-top:2px}.auth-promo-copy>span{font-size:.75rem}.auth-promo-copy h2{font-size:1.25rem;margin:6px 0}.auth-promo-copy p{font-size:.82rem;max-width:480px}.auth-form-panel{padding:34px 20px 42px}.auth-form-shell{max-width:560px}.auth-form-heading h2{font-size:2rem}}
@media(max-width:480px){.auth-promo{min-height:272px}.auth-promo-brand>span{width:43px;height:43px}.auth-promo-brand strong{font-size:1.1rem}.auth-promo-brand small{font-size:.5rem}.auth-people{height:152px}.auth-yellow-circle{width:155px;height:155px}.auth-orbit{width:185px;height:142px}.auth-person-left,.auth-person-right{width:86px;height:120px}.auth-person-center{width:108px;height:140px}.auth-stat{transform:scale(.8)}.auth-stat-course{left:-16px;top:40px}.auth-stat-student{right:-18px;top:44px}.auth-stat-score{left:-8px;bottom:-2px}.auth-promo-copy p{display:none}.auth-promo-copy h2{font-size:1rem}.auth-form-panel{padding:28px 16px 36px}.auth-form-heading{margin-bottom:20px}.auth-form-heading h2{font-size:1.75rem}.auth-form-heading p{font-size:.9rem}.auth-options{align-items:flex-start;font-size:.82rem}.auth-role-links{grid-template-columns:1fr}.auth-input-wrap,.auth-input-wrap input,.auth-input-wrap button{min-height:50px;height:50px}.auth-input-wrap>span{width:46px}.auth-submit{min-height:50px}}

/* V12 FINAL MOBILE-FIRST REBUILD — compact Android-like front page */
@media (max-width: 767.98px) {
  html, body { max-width:100%; overflow-x:hidden!important; }
  body.landing-body { padding-bottom:86px!important; background:#f7fbff!important; }
  .landing-body .container { width:100%!important; max-width:none!important; padding-inline:16px!important; }

  .landing-nav { position:sticky!important; top:0!important; z-index:1040!important; background:rgba(255,255,255,.96)!important; backdrop-filter:blur(18px)!important; border-bottom:1px solid #e5edf7!important; box-shadow:0 8px 24px rgba(28,69,122,.08)!important; }
  .landing-nav-inner { min-height:62px!important; padding:0 16px!important; }
  .landing-brand { gap:9px!important; }
  .landing-brand>span { width:38px!important; height:38px!important; border-radius:11px!important; font-size:.92rem!important; box-shadow:0 8px 18px rgba(23,126,255,.18)!important; }
  .landing-brand strong { font-size:.82rem!important; line-height:1!important; }
  .landing-brand small { font-size:.48rem!important; letter-spacing:.11em!important; margin-top:3px!important; }
  .landing-menu-btn { width:38px!important; height:38px!important; border-radius:11px!important; font-size:0!important; }
  .landing-menu-btn::before { content:'☰'; font-size:1.05rem; }
  .landing-menu { right:12px!important; left:12px!important; top:68px!important; border-radius:18px!important; padding:10px!important; gap:4px!important; }
  .landing-menu a { padding:12px 14px!important; border-radius:12px!important; font-size:.9rem!important; }

  .gl-hero { padding:28px 0 24px!important; min-height:auto!important; overflow:hidden!important; }
  .gl-hero::before { background:radial-gradient(circle at 8% 10%,rgba(41,174,255,.18),transparent 33%),radial-gradient(circle at 94% 28%,rgba(116,83,238,.13),transparent 35%)!important; background-size:auto!important; }
  .gl-cloud { display:none!important; }
  .gl-hero-grid { display:flex!important; flex-direction:column!important; gap:22px!important; }
  .gl-copy { order:1!important; text-align:left!important; width:100%!important; }
  .gl-eyebrow { display:inline-flex!important; font-size:.66rem!important; letter-spacing:.08em!important; padding:8px 11px!important; border-radius:999px!important; margin-bottom:14px!important; }
  .gl-copy h1 { font-size:clamp(2rem,10vw,2.8rem)!important; line-height:1.04!important; letter-spacing:-.045em!important; margin:0 0 14px!important; max-width:100%!important; }
  .gl-copy>p { font-size:.91rem!important; line-height:1.62!important; margin:0 0 18px!important; max-width:34rem!important; }
  .gl-actions { display:grid!important; grid-template-columns:1fr 1fr!important; gap:10px!important; margin:0!important; }
  .gl-actions a { min-height:46px!important; padding:0 12px!important; border-radius:13px!important; font-size:.8rem!important; justify-content:center!important; white-space:nowrap!important; }
  .gl-proof { margin:16px 0 0!important; display:grid!important; grid-template-columns:repeat(3,1fr)!important; gap:8px!important; padding:10px!important; border-radius:16px!important; }
  .gl-proof strong { font-size:.94rem!important; line-height:1.1!important; }
  .gl-proof span { display:block!important; font-size:.55rem!important; line-height:1.25!important; margin-top:2px!important; }

  .gl-visual { order:2!important; min-height:245px!important; height:245px!important; width:100%!important; margin:0!important; }
  .gl-yellow-orbit { width:180px!important; height:180px!important; left:50%!important; top:25px!important; transform:translateX(-50%)!important; }
  .gl-browser-card { inset:12px 0 0!important; width:100%!important; height:205px!important; border-radius:18px!important; transform:none!important; overflow:hidden!important; box-shadow:0 18px 40px rgba(33,79,145,.15)!important; }
  .gl-browser-top { min-height:38px!important; padding:0 12px!important; font-size:.62rem!important; }
  .gl-browser-body { height:167px!important; grid-template-columns:1fr!important; }
  .gl-code-panel { display:block!important; padding:12px!important; font-size:.62rem!important; overflow:hidden!important; }
  .gl-code-panel code { line-height:1.55!important; max-height:82px!important; overflow:hidden!important; }
  .gl-code-panel button { min-height:30px!important; padding:0 12px!important; font-size:.63rem!important; margin-top:8px!important; }
  .gl-preview-panel { display:none!important; }
  .gl-float-card { padding:7px 9px!important; border-radius:10px!important; transform:none!important; gap:7px!important; }
  .gl-float-card>span { width:28px!important; height:28px!important; font-size:.72rem!important; }
  .gl-float-card b { font-size:.65rem!important; }
  .gl-float-card small { font-size:.52rem!important; }
  .gl-float-a { left:6px!important; bottom:2px!important; }
  .gl-float-b { right:6px!important; top:2px!important; }

  .gl-trusted { padding:16px 0!important; }
  .gl-trusted .container { display:block!important; }
  .gl-trusted span { display:block!important; text-align:center!important; font-size:.68rem!important; margin-bottom:10px!important; }
  .gl-trusted .container>div { display:flex!important; overflow-x:auto!important; gap:8px!important; padding-bottom:4px!important; scrollbar-width:none!important; }
  .gl-trusted .container>div::-webkit-scrollbar { display:none!important; }
  .gl-trusted b { flex:0 0 auto!important; padding:8px 12px!important; border-radius:10px!important; font-size:.65rem!important; }

  .gl-programs,.landing-section,.teacher-section,.graduate-section,.testimonial-section,.public-showcase { padding:46px 0!important; }
  .gl-section-head,.section-title,.showcase-heading,.graduate-intro { text-align:left!important; }
  .gl-section-head h2,.section-title h2,.showcase-heading h2,.graduate-intro h2 { font-size:1.65rem!important; line-height:1.18!important; letter-spacing:-.035em!important; }
  .gl-section-head p,.section-title p,.graduate-intro p { font-size:.88rem!important; line-height:1.55!important; }
  .gl-program-grid,.feature-grid,.graduate-grid,.testimonial-grid { margin-inline:-16px!important; padding-inline:16px!important; }
  .gl-program-card,.feature-card,.graduate-card,.testimonial-grid>article { min-width:82%!important; border-radius:18px!important; box-shadow:0 12px 30px rgba(26,67,124,.09)!important; }

  .auth-showcase { margin:0!important; }
  .auth-showcase-grid { display:block!important; }
  .auth-promo { display:none!important; }
  .auth-form-panel { padding:36px 16px 42px!important; background:linear-gradient(180deg,#f4f9ff,#fff)!important; }
  .auth-form-shell { width:100%!important; max-width:520px!important; margin:auto!important; background:#fff!important; border:1px solid #e2ebf6!important; border-radius:22px!important; padding:22px 16px!important; box-shadow:0 18px 45px rgba(29,70,125,.1)!important; }
  .auth-mobile-brand { display:flex!important; align-items:center!important; gap:10px!important; margin-bottom:20px!important; }
  .auth-mobile-brand>span { width:42px!important; height:42px!important; display:grid!important; place-items:center!important; border-radius:12px!important; background:linear-gradient(135deg,#1888ff,#6554ee)!important; color:#fff!important; font-weight:900!important; }
  .auth-mobile-brand strong { display:block!important; font-size:.9rem!important; }
  .auth-mobile-brand small { display:block!important; font-size:.52rem!important; letter-spacing:.1em!important; color:#2775d6!important; }
  .auth-kicker { font-size:.66rem!important; }
  .auth-form-heading h2 { font-size:1.65rem!important; }
  .auth-form-heading p { font-size:.85rem!important; line-height:1.5!important; }
  .auth-options { display:grid!important; grid-template-columns:1fr!important; gap:8px!important; }
  .auth-options a { justify-self:start!important; }

  .showcase-heading { display:block!important; }
  .showcase-heading .btn { width:100%!important; margin-top:14px!important; min-height:44px!important; }
  .activity-grid { display:flex!important; overflow-x:auto!important; gap:12px!important; margin-inline:-16px!important; padding:2px 16px 14px!important; scroll-snap-type:x mandatory!important; scrollbar-width:none!important; }
  .activity-grid::-webkit-scrollbar { display:none!important; }
  .activity-card { min-width:84%!important; scroll-snap-align:start!important; border-radius:18px!important; }

  .teacher-card { grid-template-columns:1fr!important; overflow:hidden!important; }
  .teacher-card img { width:100%!important; height:210px!important; min-height:0!important; object-fit:cover!important; }
  .teacher-card-body { padding:18px!important; }

  .developer-card,.front-cta-card { border-radius:22px!important; }
  .front-cta-card { display:block!important; }
  .front-cta-actions { display:grid!important; grid-template-columns:1fr!important; gap:10px!important; margin-top:18px!important; }
  .front-cta-actions a { justify-content:center!important; width:100%!important; }

  .premium-footer { padding-bottom:10px!important; }
  .footer-main { grid-template-columns:1fr!important; gap:28px!important; }
  .footer-brand-block,.footer-contact,.footer-column { grid-column:1!important; }
  .footer-bottom { display:grid!important; gap:12px!important; padding-bottom:96px!important; text-align:center!important; }
  .footer-bottom>div { justify-content:center!important; }

  .mobile-bottom-nav { display:grid!important; position:fixed!important; left:12px!important; right:12px!important; bottom:max(10px,env(safe-area-inset-bottom))!important; z-index:1055!important; grid-template-columns:repeat(5,1fr)!important; min-height:64px!important; padding:7px 8px!important; border-radius:20px!important; }
  .mobile-bottom-nav a { min-width:0!important; gap:3px!important; font-size:.58rem!important; }
  .mobile-bottom-nav a span { font-size:.95rem!important; }
  .mobile-bottom-nav .mobile-main-action { transform:none!important; }
  .mobile-bottom-nav .mobile-main-action span { width:42px!important; height:42px!important; margin-top:-18px!important; border-radius:14px!important; box-shadow:0 10px 24px rgba(71,85,235,.28)!important; }
  .mobile-bottom-nav .mobile-main-action small { margin-top:-2px!important; color:#3b55d8!important; font-weight:800!important; }
}

@media (max-width: 374px) {
  .landing-body .container { padding-inline:12px!important; }
  .gl-copy h1 { font-size:1.9rem!important; }
  .gl-actions { grid-template-columns:1fr!important; }
  .gl-proof { gap:5px!important; padding:8px 5px!important; }
  .gl-proof strong { font-size:.82rem!important; }
  .gl-proof span { font-size:.48rem!important; }
  .gl-visual { height:222px!important; min-height:222px!important; }
  .gl-browser-card { height:188px!important; }
  .gl-program-grid,.feature-grid,.graduate-grid,.testimonial-grid,.activity-grid { margin-inline:-12px!important; padding-inline:12px!important; }
  .gl-program-card,.feature-card,.graduate-card,.testimonial-grid>article,.activity-card { min-width:90%!important; }
}

/* === V13 FINAL RESPONSIVE OVERRIDE: one-pass mobile/tablet cleanup === */
@media (max-width: 820px) {
  html, body { max-width:100%; overflow-x:hidden!important; }
  body.landing-body { padding-bottom:0!important; }
  .landing-body .container { width:100%!important; max-width:none!important; padding-inline:16px!important; }
  .gl-nav { position:sticky!important; top:0!important; }
  .landing-nav-inner { min-height:62px!important; padding-inline:0!important; }

  .gl-hero { padding:28px 0 30px!important; }
  .gl-hero-grid { display:grid!important; grid-template-columns:1fr!important; gap:22px!important; }
  .gl-copy h1 { font-size:clamp(2rem,9.6vw,3rem)!important; line-height:1.04!important; }
  .gl-copy>p { font-size:.94rem!important; line-height:1.6!important; }
  .gl-actions { grid-template-columns:1fr!important; }
  .gl-proof { grid-template-columns:repeat(3,minmax(0,1fr))!important; }
  .gl-proof span { display:block!important; }

  .gl-visual { min-height:260px!important; height:auto!important; padding-bottom:10px!important; }
  .gl-browser-card { position:relative!important; inset:auto!important; width:100%!important; height:220px!important; transform:none!important; }
  .gl-browser-body { height:182px!important; }
  .gl-code-panel { display:block!important; }
  .gl-preview-panel { display:none!important; }
  .gl-float-card { position:absolute!important; }

  .gl-programs,.landing-section,.teacher-section,.graduate-section,.testimonial-section,.public-showcase { padding:42px 0!important; }
  .gl-program-grid,.feature-grid,.graduate-grid,.testimonial-grid,.activity-grid {
    display:grid!important;
    grid-template-columns:1fr!important;
    overflow:visible!important;
    margin:0!important;
    padding:0!important;
    gap:14px!important;
    scroll-snap-type:none!important;
  }
  .gl-program-card,.feature-card,.graduate-card,.testimonial-grid>article,.activity-card {
    min-width:0!important;
    width:100%!important;
    scroll-snap-align:none!important;
  }
  .gl-program-card { min-height:0!important; padding:22px!important; }
  .activity-card { height:250px!important; }

  .auth-showcase { margin:0!important; padding:0!important; }
  .auth-showcase-grid { display:block!important; min-height:0!important; }
  .auth-promo { display:none!important; min-height:0!important; }
  .auth-form-panel { min-height:0!important; padding:30px 16px 36px!important; align-items:flex-start!important; }
  .auth-form-shell { max-width:560px!important; padding:22px 16px!important; margin:0 auto!important; }

  .teacher-grid { display:grid!important; grid-template-columns:1fr!important; }
  .teacher-card { grid-template-columns:100px minmax(0,1fr)!important; }
  .teacher-card img { width:100%!important; height:100%!important; min-height:190px!important; object-fit:cover!important; }

  .developer-card { grid-template-columns:1fr!important; text-align:center!important; }
  .developer-action { justify-self:stretch!important; justify-content:center!important; }

  .footer-main { grid-template-columns:1fr!important; }
  .footer-bottom { padding-bottom:20px!important; }
  .mobile-bottom-nav { display:none!important; }
}

@media (max-width: 480px) {
  .landing-body .container { padding-inline:12px!important; }
  .landing-nav-inner { min-height:58px!important; }
  .landing-brand { grid-template-columns:38px auto!important; }
  .landing-brand>span { width:38px!important; height:38px!important; }
  .landing-brand strong { font-size:.82rem!important; }
  .landing-brand small { font-size:.45rem!important; }
  .landing-menu { left:10px!important; right:10px!important; top:62px!important; }

  .gl-hero { padding:22px 0 24px!important; }
  .gl-eyebrow { font-size:.62rem!important; }
  .gl-copy h1 { font-size:clamp(1.85rem,9.2vw,2.35rem)!important; }
  .gl-copy>p { font-size:.88rem!important; }
  .gl-actions a { min-height:44px!important; font-size:.78rem!important; }
  .gl-proof { gap:6px!important; padding:9px 6px!important; }
  .gl-proof strong { font-size:.84rem!important; }
  .gl-proof span { font-size:.48rem!important; }

  .gl-visual { min-height:228px!important; }
  .gl-browser-card { height:192px!important; border-radius:16px!important; }
  .gl-browser-body { height:154px!important; }
  .gl-code-panel { padding:10px!important; font-size:.58rem!important; }
  .gl-code-panel code { max-height:72px!important; }
  .gl-float-card { transform:scale(.88)!important; transform-origin:center!important; }

  .gl-programs,.landing-section,.teacher-section,.graduate-section,.testimonial-section,.public-showcase { padding:36px 0!important; }
  .gl-section-head h2,.section-title h2,.showcase-heading h2,.graduate-intro h2 { font-size:1.45rem!important; }
  .gl-section-head p,.section-title p,.graduate-intro p { font-size:.84rem!important; }
  .gl-program-card,.feature-card,.graduate-card,.testimonial-grid>article { padding:18px!important; border-radius:16px!important; }
  .activity-card { height:220px!important; }

  .auth-form-panel { padding:24px 12px 30px!important; }
  .auth-form-shell { padding:18px 14px!important; border-radius:18px!important; }
  .auth-form-heading h2 { font-size:1.55rem!important; }
  .auth-form-heading p { font-size:.82rem!important; }
  .auth-input-wrap,.auth-input-wrap input,.auth-input-wrap button { min-height:48px!important; height:48px!important; }
  .auth-submit { min-height:48px!important; }

  .teacher-card { grid-template-columns:86px minmax(0,1fr)!important; }
  .teacher-card img { min-height:175px!important; }
  .teacher-card-body { padding:14px!important; }

  .front-cta-card { padding:22px 16px!important; }
}

/* === V14 CARD SYSTEM AUDIT: consistent, compact, responsive === */
:root{
  --card-radius:18px;
  --card-border:#e2eaf4;
  --card-shadow:0 10px 28px rgba(26,58,105,.075);
  --card-shadow-hover:0 18px 42px rgba(26,58,105,.13);
}
.gl-program-grid,.feature-grid,.graduate-grid,.testimonial-grid,.teacher-grid{align-items:stretch!important}
.gl-program-card,.feature-card,.graduate-card,.testimonial-grid>article,.teacher-card{
  border:1px solid var(--card-border)!important;
  border-radius:var(--card-radius)!important;
  box-shadow:var(--card-shadow)!important;
  background:#fff!important;
  overflow:hidden!important;
}
.gl-program-card,.feature-card,.graduate-card,.testimonial-grid>article{
  display:flex!important;
  flex-direction:column!important;
  height:100%!important;
  min-height:0!important;
}
.gl-program-card{padding:24px!important}
.gl-program-card:before{height:4px!important;border-radius:0!important}
.gl-program-card p,.feature-card p{min-height:0!important;margin-bottom:16px!important}
.gl-program-card a{margin-top:auto!important;display:inline-flex!important;align-items:center!important;gap:6px!important}
.feature-card{padding:24px!important}
.feature-card>div:first-child,.gl-program-icon{width:52px!important;height:52px!important;border-radius:14px!important;flex:0 0 auto!important}
.teacher-card{min-height:260px!important}
.teacher-card img{display:block!important;width:100%!important;object-fit:cover!important}
.graduate-card{padding:22px!important}
.graduate-card a{margin-top:auto!important}
.activity-card{border:1px solid var(--card-border)!important;box-shadow:var(--card-shadow)!important}
.gl-program-card:hover,.feature-card:hover,.graduate-card:hover,.testimonial-grid>article:hover,.teacher-card:hover,.activity-card:hover{
  transform:translateY(-4px)!important;
  box-shadow:var(--card-shadow-hover)!important;
}

@media (min-width:821px) and (max-width:1100px){
  .gl-program-grid,.feature-grid,.graduate-grid,.testimonial-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .teacher-grid{grid-template-columns:1fr!important}
}

@media (max-width:820px){
  .gl-program-grid,.feature-grid,.graduate-grid,.testimonial-grid,.activity-grid,.teacher-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  .gl-program-card,.feature-card,.graduate-card,.testimonial-grid>article,.activity-card,.teacher-card{
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    border-radius:16px!important;
    box-shadow:0 7px 22px rgba(26,58,105,.07)!important;
  }
  .gl-program-card,.feature-card,.graduate-card,.testimonial-grid>article{padding:18px!important}
  .gl-program-icon,.feature-card>div:first-child{width:46px!important;height:46px!important;border-radius:13px!important}
  .gl-program-card h3,.feature-card h3{margin:14px 0 7px!important;font-size:1rem!important}
  .gl-program-card p,.feature-card p{font-size:.84rem!important;line-height:1.58!important;margin-bottom:12px!important}
  .activity-card{height:auto!important;aspect-ratio:16/10!important}
  .teacher-card{grid-template-columns:92px minmax(0,1fr)!important;min-height:0!important}
  .teacher-card img{height:100%!important;min-height:170px!important}
  .teacher-card-body{padding:14px!important}
  .teacher-tags{gap:5px!important}
  .teacher-tags b{font-size:.66rem!important;padding:5px 7px!important}
}

@media (max-width:480px){
  .gl-program-card,.feature-card,.graduate-card,.testimonial-grid>article{padding:16px!important}
  .teacher-card{grid-template-columns:78px minmax(0,1fr)!important}
  .teacher-card img{min-height:156px!important}
  .teacher-card-body{padding:12px!important}
  .teacher-card h3{font-size:.98rem!important;line-height:1.25!important}
  .teacher-card p{font-size:.76rem!important;line-height:1.48!important}
  .activity-card{aspect-ratio:4/3!important}
}

@media (hover:none){
  .gl-program-card:hover,.feature-card:hover,.graduate-card:hover,.testimonial-grid>article:hover,.teacher-card:hover,.activity-card:hover{transform:none!important}
}

/* === V15 FINAL FRONT PAGE REBUILD: precise education-platform layout === */
:root{
  --v15-blue:#1597d4;
  --v15-blue-dark:#0b5d98;
  --v15-yellow:#ffc400;
  --v15-navy:#10233f;
  --v15-text:#34445d;
  --v15-muted:#6f7f94;
  --v15-soft:#f5f9fd;
  --v15-border:#dfe8f2;
  --v15-shadow:0 12px 32px rgba(16,54,92,.09);
  --v15-shadow-hover:0 20px 46px rgba(16,54,92,.15);
}
body.landing-body{background:#fff!important;color:var(--v15-navy)!important;overflow-x:hidden!important}
.landing-body .container{width:min(1160px,calc(100% - 40px))!important}
.gl-nav{height:auto!important;background:#fff!important;border-bottom:1px solid #edf2f7!important;box-shadow:0 4px 18px rgba(30,66,110,.05)!important}
.landing-nav-inner{min-height:72px!important}
.gl-brand>span{background:linear-gradient(145deg,#19a5df,#1287ca)!important;border-radius:13px!important;box-shadow:0 9px 20px rgba(21,151,212,.24)!important}
.landing-menu{gap:4px!important}.landing-menu a{font-size:.91rem!important;color:#34445d!important;border-radius:9px!important;padding:.7rem .85rem!important}
.landing-nav-cta{background:var(--v15-yellow)!important;color:#473900!important;border-radius:10px!important;padding:.78rem 1.05rem!important;box-shadow:0 9px 20px rgba(255,196,0,.2)!important}

.gl-hero{padding:72px 0 66px!important;background:linear-gradient(135deg,#f5fbff 0%,#eef8ff 60%,#fdfcf7 100%)!important}
.gl-hero:before{background:linear-gradient(rgba(15,117,178,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(15,117,178,.028) 1px,transparent 1px)!important;background-size:48px 48px!important}
.gl-hero-grid{grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr)!important;gap:58px!important;align-items:center!important}
.gl-copy{max-width:630px!important}.gl-eyebrow{font-size:.75rem!important;letter-spacing:.1em!important;border-radius:999px!important;padding:.55rem .85rem!important}
.gl-copy h1{font-size:clamp(2.85rem,4.7vw,4.65rem)!important;line-height:1.055!important;letter-spacing:-.047em!important;margin:.9rem 0 1.15rem!important}
.gl-copy>p{font-size:1.05rem!important;line-height:1.75!important;color:#5d6d83!important}
.gl-actions{gap:12px!important;margin-top:1.45rem!important}.gl-actions a{min-height:50px!important;border-radius:11px!important;padding:.8rem 1.15rem!important;font-size:.92rem!important}
.gl-btn-primary{background:linear-gradient(135deg,#149eda,#1487ca)!important;box-shadow:0 12px 24px rgba(21,151,212,.22)!important}.gl-btn-ghost{box-shadow:none!important}
.gl-proof{margin-top:1.45rem!important;padding:13px 16px!important;border-radius:13px!important;box-shadow:none!important;gap:8px!important}.gl-proof strong{font-size:1rem!important}.gl-proof span{font-size:.72rem!important}
.gl-visual{min-height:430px!important}.gl-browser-card{width:94%!important;left:3%!important;top:46px!important;border-radius:17px!important;transform:none!important;box-shadow:0 25px 60px rgba(17,75,124,.16)!important}
.gl-browser-top{height:40px!important}.gl-browser-body{min-height:288px!important}.gl-code-panel,.gl-preview-panel{padding:22px!important}.gl-float-card{border-radius:12px!important;padding:11px 13px!important}.gl-yellow-orbit{width:320px!important;height:320px!important;right:8%!important;top:5%!important}

.gl-trusted{padding:18px 0!important}.gl-trusted .container{gap:20px!important}.gl-trusted div div{gap:8px!important}.gl-trusted b{border-radius:8px!important;padding:.55rem .72rem!important;font-size:.76rem!important}
.gl-programs,.landing-section,.teacher-section,.graduate-section,.testimonial-section,.public-showcase{padding:72px 0!important}
.gl-section-head,.section-title{max-width:720px!important;margin:0 auto 34px!important}.gl-section-head h2,.section-title h2,.showcase-heading h2,.graduate-intro h2{font-size:clamp(2rem,3vw,2.85rem)!important;line-height:1.15!important}.gl-section-head p,.section-title p{font-size:1rem!important;line-height:1.7!important}

.gl-program-grid,.feature-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important}
.gl-program-card,.feature-card,.graduate-card,.testimonial-grid>article{border-radius:16px!important;border:1px solid var(--v15-border)!important;box-shadow:var(--v15-shadow)!important;padding:24px!important;min-height:100%!important;background:#fff!important}
.gl-program-card:hover,.feature-card:hover,.graduate-card:hover,.testimonial-grid>article:hover{transform:translateY(-4px)!important;box-shadow:var(--v15-shadow-hover)!important}
.gl-program-card h3,.feature-card h3{font-size:1.08rem!important;line-height:1.35!important;margin:.9rem 0 .55rem!important}.gl-program-card p,.feature-card p{font-size:.88rem!important;line-height:1.65!important;color:#6b7a8f!important}.gl-program-card a{margin-top:auto!important;font-size:.85rem!important}.gl-program-icon,.feature-card>div{width:48px!important;height:48px!important;border-radius:13px!important;font-size:1.25rem!important}

.activity-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important}.activity-card{height:280px!important;border-radius:15px!important;border:1px solid var(--v15-border)!important;box-shadow:var(--v15-shadow)!important;overflow:hidden!important}.activity-card img{width:100%!important;height:100%!important;object-fit:cover!important}.activity-card:hover{transform:translateY(-4px)!important;box-shadow:var(--v15-shadow-hover)!important}
.teacher-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important}.teacher-card{grid-template-columns:145px 1fr!important;border-radius:16px!important;min-height:230px!important;box-shadow:var(--v15-shadow)!important}.teacher-card img{min-height:230px!important;height:100%!important;object-fit:cover!important}.teacher-card-body{padding:22px!important}.teacher-card h3{font-size:1.12rem!important}
.graduate-grid,.testimonial-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}

.auth-showcase{background:#fff!important;padding:72px 0!important}.auth-showcase-grid{width:min(1160px,calc(100% - 40px))!important;min-height:610px!important;margin:auto!important;border-radius:22px!important;overflow:hidden!important;box-shadow:0 26px 70px rgba(20,66,107,.15)!important;border:1px solid #e2eaf2!important;display:grid!important;grid-template-columns:1fr 1fr!important}
.auth-promo{min-height:610px!important;background:linear-gradient(150deg,#20a9df,#168fcf)!important}.auth-form-panel{min-height:610px!important;background:#fff!important;padding:54px!important}.auth-form-shell{max-width:500px!important}.auth-input-wrap{border-radius:9px!important;min-height:50px!important}.auth-submit{border-radius:9px!important;background:var(--v15-yellow)!important;color:#2d2a19!important;box-shadow:none!important}

.developer-section{padding:66px 0!important}.developer-card{border-radius:18px!important;padding:26px 28px!important;box-shadow:var(--v15-shadow)!important}.developer-mark{width:72px!important;height:72px!important;border-radius:17px!important}.developer-action{border-radius:10px!important;background:#168fce!important}
.front-cta{padding:20px 0 70px!important}.front-cta-card{border-radius:18px!important;padding:34px 38px!important;background:linear-gradient(120deg,#168fce,#116ead)!important;box-shadow:0 18px 44px rgba(18,111,173,.2)!important}
.premium-footer{background:#0b2340!important;padding-top:56px!important}.footer-main{gap:34px!important}.footer-column h3{font-size:.9rem!important}.footer-column a,.footer-column p,.footer-brand-block p{font-size:.83rem!important;line-height:1.7!important}.footer-bottom{margin-top:38px!important}
.mobile-bottom-nav{display:none!important}

@media(max-width:991.98px){
 .landing-body .container{width:min(100% - 28px,820px)!important}
 .landing-menu-btn{display:inline-grid!important;place-items:center!important}
 .landing-menu{position:absolute!important;left:14px!important;right:14px!important;top:68px!important;background:#fff!important;border:1px solid #e2eaf2!important;border-radius:14px!important;box-shadow:0 18px 45px rgba(18,61,101,.16)!important;padding:10px!important;display:none!important;grid-template-columns:1fr!important}
 .landing-menu.open{display:grid!important}.landing-menu a{width:100%!important}
 .gl-hero-grid{grid-template-columns:1fr!important;gap:34px!important}.gl-copy{max-width:720px!important}.gl-visual{max-width:700px!important;width:100%!important;margin:auto!important}
 .gl-program-grid,.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .activity-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.teacher-grid{grid-template-columns:1fr!important}
 .auth-showcase-grid{grid-template-columns:1fr!important}.auth-promo{min-height:470px!important}.auth-form-panel{min-height:auto!important;padding:42px 34px!important}
 .footer-main{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media(max-width:600px){
 html,body{overflow-x:hidden!important}.landing-body .container{width:100%!important;padding-inline:16px!important}
 .landing-nav-inner{min-height:60px!important}.landing-brand>span{width:40px!important;height:40px!important}.landing-brand strong{font-size:.82rem!important}.landing-brand small{font-size:.47rem!important}
 .gl-hero{padding:34px 0 36px!important}.gl-copy h1{font-size:clamp(2rem,10vw,2.7rem)!important;line-height:1.08!important}.gl-copy>p{font-size:.93rem!important;line-height:1.62!important}.gl-actions{display:grid!important;grid-template-columns:1fr!important}.gl-actions a{width:100%!important;justify-content:center!important}.gl-proof{grid-template-columns:repeat(3,1fr)!important;padding:10px 7px!important}.gl-proof span{font-size:.58rem!important}
 .gl-visual{min-height:246px!important}.gl-browser-card{position:relative!important;left:auto!important;top:auto!important;width:100%!important;height:220px!important}.gl-browser-body{min-height:180px!important;height:180px!important}.gl-code-panel{padding:14px!important}.gl-preview-panel{display:none!important}.gl-yellow-orbit{width:190px!important;height:190px!important}.gl-float-card{transform:scale(.78)!important}.gl-float-a{left:-16px!important;bottom:-8px!important}.gl-float-b{right:-14px!important;top:-10px!important}
 .gl-trusted .container{display:block!important;text-align:center!important}.gl-trusted div div{display:flex!important;overflow-x:auto!important;padding:8px 0!important;justify-content:flex-start!important;scrollbar-width:none!important}.gl-trusted b{flex:0 0 auto!important}
 .gl-programs,.landing-section,.teacher-section,.graduate-section,.testimonial-section,.public-showcase,.developer-section{padding:48px 0!important}.gl-section-head,.section-title{margin-bottom:24px!important}.gl-section-head h2,.section-title h2,.showcase-heading h2,.graduate-intro h2{font-size:1.72rem!important}.gl-section-head p,.section-title p{font-size:.9rem!important}
 .gl-program-grid,.feature-grid,.activity-grid,.graduate-grid,.testimonial-grid{grid-template-columns:1fr!important;gap:14px!important;overflow:visible!important;margin:0!important;padding:0!important}.gl-program-card,.feature-card,.graduate-card,.testimonial-grid>article{width:100%!important;min-width:0!important;padding:20px!important;border-radius:14px!important}.activity-card{height:240px!important;width:100%!important;min-width:0!important}
 .teacher-card{grid-template-columns:94px 1fr!important;min-height:180px!important}.teacher-card img{min-height:180px!important}.teacher-card-body{padding:15px!important}.teacher-card p{font-size:.8rem!important}
 .auth-showcase{padding:48px 0!important}.auth-showcase-grid{width:calc(100% - 24px)!important;border-radius:16px!important;min-height:0!important}.auth-promo{display:none!important}.auth-form-panel{padding:24px 18px 28px!important}.auth-form-heading h2{font-size:1.8rem!important}.auth-options{grid-template-columns:1fr!important;gap:9px!important}.auth-options a{justify-self:start!important}
 .developer-card{grid-template-columns:1fr!important;text-align:center!important;padding:22px!important}.developer-mark{margin:auto!important}.developer-action{width:100%!important;justify-content:center!important}
 .front-cta-card{padding:26px 20px!important}.front-cta-actions{display:grid!important;grid-template-columns:1fr!important}.front-cta-actions a{width:100%!important;justify-content:center!important}
 .footer-main{grid-template-columns:1fr!important}.footer-bottom{display:grid!important;gap:12px!important;text-align:center!important}.footer-bottom>div{justify-content:center!important}
}

@media(max-width:360px){
 .landing-body .container{padding-inline:12px!important}.gl-copy h1{font-size:1.92rem!important}.gl-proof strong{font-size:.82rem!important}.gl-proof span{font-size:.52rem!important}.teacher-card{grid-template-columns:82px 1fr!important}.teacher-card img{min-height:170px!important}.auth-form-panel{padding:20px 14px 24px!important}
}

/* === V16 GAMELAB-INSPIRED COLOR SYSTEM & 3-COLUMN CARD LAYOUT === */
:root{
  --brand-blue:#0587df;
  --brand-blue-deep:#0962c8;
  --brand-blue-dark:#0c4fa8;
  --brand-sky:#eaf7ff;
  --brand-sky-soft:#f5fbff;
  --brand-yellow:#ffc900;
  --brand-yellow-deep:#f4b900;
  --brand-navy:#102041;
  --brand-text:#26344f;
  --brand-muted:#66758d;
  --brand-line:#dceaf6;
  --brand-white:#ffffff;
  --brand-green:#139b68;
  --brand-shadow:0 14px 34px rgba(19,77,137,.10);
  --brand-shadow-hover:0 22px 48px rgba(19,77,137,.17);
}
body.landing-body{background:#fff!important;color:var(--brand-text)!important}
.gl-nav{background:#fff!important;border-bottom:1px solid #e7eef6!important;box-shadow:0 4px 18px rgba(20,59,109,.07)!important}
.gl-brand>span,.footer-logo>span,.auth-promo-brand>span,.auth-mobile-brand>span{background:linear-gradient(145deg,var(--brand-blue),#27b4ef)!important}
.gl-brand strong,.footer-logo strong{color:var(--brand-navy)!important}
.gl-brand small,.footer-logo small{color:var(--brand-blue)!important}
.landing-menu a{color:#31415f!important}
.landing-menu a:hover,.landing-menu a:focus{color:var(--brand-blue)!important;background:#eef8ff!important}
.gl-login-link{color:var(--brand-blue)!important}
.landing-nav-cta{background:var(--brand-yellow)!important;color:#2e2a00!important;border-radius:7px!important;box-shadow:0 8px 20px rgba(255,201,0,.24)!important}

.gl-hero{background:linear-gradient(118deg,#05a6df 0%,#087fd6 42%,#1266c6 100%)!important;color:#fff!important;padding:66px 0 72px!important}
.gl-hero:before{background:linear-gradient(135deg,rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(45deg,rgba(255,255,255,.035) 1px,transparent 1px)!important;background-size:62px 62px!important}
.gl-eyebrow{background:rgba(255,255,255,.13)!important;border-color:rgba(255,255,255,.35)!important;color:#fff!important;box-shadow:none!important}
.gl-copy h1{color:#fff!important;font-size:clamp(2.65rem,4.4vw,4.35rem)!important;line-height:1.06!important;letter-spacing:-.045em!important}
.gl-copy h1 em{background:none!important;color:var(--brand-yellow)!important;-webkit-text-fill-color:var(--brand-yellow)!important}
.gl-copy>p{color:rgba(255,255,255,.94)!important;max-width:650px!important}
.gl-btn-primary{background:var(--brand-yellow)!important;color:#2c2a00!important;border-radius:8px!important;box-shadow:0 12px 26px rgba(68,51,0,.16)!important}
.gl-btn-ghost{background:rgba(255,255,255,.86)!important;color:#24425f!important;border-color:rgba(255,255,255,.7)!important;border-radius:8px!important}
.gl-proof{background:transparent!important;border:0!important;box-shadow:none!important;padding:14px 0 0!important}
.gl-proof strong{color:#fff!important}.gl-proof span{color:rgba(255,255,255,.78)!important}
.gl-yellow-orbit{background:var(--brand-yellow)!important;opacity:1!important;border-radius:32px!important;transform:rotate(-5deg)!important}
.gl-browser-card{border-radius:18px!important;border:4px solid rgba(255,255,255,.95)!important;box-shadow:0 30px 70px rgba(6,49,104,.28)!important}
.gl-browser-top{background:#f7fbff!important}.gl-browser-body{background:#fff!important}
.gl-preview-panel{background:linear-gradient(150deg,#edf8ff,#fff)!important;color:var(--brand-navy)!important}
.gl-preview-panel>div{background:linear-gradient(135deg,var(--brand-blue),var(--brand-blue-deep))!important}
.gl-float-card{border-radius:9px!important;border:1px solid #d8e6f3!important;box-shadow:0 12px 28px rgba(10,64,125,.16)!important}
.gl-float-card>span{background:#fff6c5!important;color:#d99d00!important}

.gl-trusted{background:#fff!important}.gl-trusted b{background:#f7fbff!important;border-color:#dfeaf5!important;color:#254261!important}
.gl-programs,.landing-section,.teacher-section,.graduate-section,.testimonial-section,.public-showcase{background:#fff!important}
.gl-programs,.teacher-section,.testimonial-section{background:#f7fafc!important}
.gl-section-head span,.section-title>span,.section-kicker{color:var(--brand-blue)!important}
.gl-section-head h2,.section-title h2,.showcase-heading h2,.graduate-intro h2{color:var(--brand-navy)!important}
.gl-section-head p,.section-title p,.graduate-intro p{color:var(--brand-muted)!important}

.gl-program-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px!important}
.gl-program-card,.feature-card,.teacher-card,.graduate-card,.testimonial-grid>article,.activity-card{
  border:1px solid var(--brand-line)!important;
  border-radius:12px!important;
  box-shadow:var(--brand-shadow)!important;
  background:#fff!important;
}
.gl-program-card:hover,.feature-card:hover,.teacher-card:hover,.graduate-card:hover,.testimonial-grid>article:hover,.activity-card:hover{box-shadow:var(--brand-shadow-hover)!important;transform:translateY(-5px)!important}
.gl-program-card:before{height:4px!important}.gl-program-icon,.feature-card>div:first-child{border-radius:10px!important}
.gl-program-card h3,.feature-card h3{color:var(--brand-navy)!important}.gl-program-card p,.feature-card p{color:var(--brand-muted)!important}
.gl-program-card a{color:var(--brand-blue)!important}

/* requested: activity cards exactly 3 columns on desktop */
.activity-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important;align-items:stretch!important}
.activity-card{height:auto!important;min-height:0!important;aspect-ratio:auto!important;display:grid!important;grid-template-columns:138px minmax(0,1fr)!important;text-align:left!important;overflow:hidden!important;padding:0!important}
.activity-card img{width:100%!important;height:100%!important;min-height:126px!important;object-fit:cover!important;background:#eef8ff!important}
.activity-overlay{position:static!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:7px!important;padding:20px!important;background:#fff!important;color:var(--brand-text)!important;opacity:1!important;transform:none!important}
.activity-overlay strong{font-size:1.02rem!important;color:var(--brand-navy)!important}.activity-overlay small{font-size:.84rem!important;line-height:1.55!important;color:var(--brand-muted)!important}.activity-overlay em{font-size:.78rem!important;font-style:normal!important;font-weight:800!important;color:var(--brand-blue)!important}

.feature-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.feature-card>div{background:#eaf7ff!important;color:var(--brand-blue)!important}
.teacher-tags b,.developer-skills b{background:#eef8ff!important;color:#086bbd!important;border-color:#d8eaf8!important}
.graduate-score{background:#fff7d6!important}.graduate-score strong{color:#c88d00!important}

.auth-showcase-grid{background:#fff!important}.auth-promo{background:linear-gradient(145deg,#08a6df,#1684d0)!important}.auth-yellow-circle{background:var(--brand-yellow)!important}.auth-form-panel{background:#fff!important}.auth-kicker{color:var(--brand-blue)!important}.auth-form-heading h2{color:var(--brand-navy)!important}.auth-input-wrap{border-color:#cfddeb!important;background:#fff!important}.auth-input-wrap:focus-within{border-color:var(--brand-blue)!important;box-shadow:0 0 0 3px rgba(5,135,223,.14)!important}.auth-submit{background:var(--brand-yellow)!important;color:#262400!important;border-radius:7px!important;box-shadow:0 10px 22px rgba(255,201,0,.24)!important}.auth-role-links a,.auth-foot-note a,.auth-options a{color:var(--brand-blue)!important}

.developer-card{background:#fff!important;border-color:var(--brand-line)!important;border-radius:14px!important}.developer-mark{background:linear-gradient(145deg,var(--brand-blue),var(--brand-blue-deep))!important;border-radius:14px!important}.developer-copy h2{color:var(--brand-navy)!important}.developer-action{background:var(--brand-yellow)!important;color:#282400!important;border-radius:8px!important}
.front-cta-card{background:linear-gradient(120deg,#058fda,#0873ce)!important;border-radius:14px!important}.front-cta-card .btn-landing-primary{background:var(--brand-yellow)!important}
.premium-footer{background:#123052!important}.footer-column h3{color:#fff!important}.footer-column a:hover{color:var(--brand-yellow)!important}

@media(max-width:1100px){
  .gl-program-grid,.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .activity-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:820px){
  .gl-hero{padding:32px 0 36px!important}
  .gl-copy h1{font-size:clamp(2rem,9vw,3rem)!important}
  .gl-program-grid,.feature-grid,.activity-grid{grid-template-columns:1fr!important}
  .activity-card{grid-template-columns:110px minmax(0,1fr)!important}
  .activity-card img{min-height:118px!important}
  .activity-overlay{padding:15px!important}
}
@media(max-width:480px){
  .gl-hero{padding:24px 0 28px!important}
  .gl-copy h1{font-size:clamp(1.85rem,9.2vw,2.35rem)!important}
  .activity-card{grid-template-columns:92px minmax(0,1fr)!important;border-radius:10px!important}
  .activity-card img{min-height:112px!important}
  .activity-overlay{padding:12px!important;gap:5px!important}
  .activity-overlay strong{font-size:.9rem!important}.activity-overlay small{font-size:.73rem!important}.activity-overlay em{font-size:.7rem!important}
}