/* V11: approved BRIDGEKID organic glass. V10 layout & learning engine retained. */
:root{--navy:#073b5c;--navy2:#062c48;--ink:#073b5c;--cyan:#12a5b5;--cyan2:#8de6ed;--coral:#ff684e;--green:#47b94c;--paper:#f8f5ec;--muted:#466478;--max:1280px}
html,body{background-color:var(--paper)}body{font-family:Poppins,BKText,Arial,sans-serif;background:radial-gradient(ellipse at 8% 20%,#d9f3f044,transparent 42%),radial-gradient(ellipse at 93% 48%,#ffe5d966,transparent 42%),var(--paper)}
h1,h2,h3,.hero-copy h1,.stage-copy h2{font-family:Poppins,BKText,Arial,sans-serif;font-weight:700;letter-spacing:-.035em;line-height:1.13}h1{font-size:clamp(2.3rem,5vw,4rem)}p{font-size:1.0625rem;line-height:1.65}button,a,input{touch-action:manipulation}a{color:inherit;text-decoration:none}.site a{transition:box-shadow .2s,transform .2s}.site{overflow:clip}.section-standard{width:min(1140px,calc(100% - 40px));margin-left:auto;margin-right:auto}
.master-header-wrap{padding:8px 20px 0;background:linear-gradient(#f8f5eced,#f8f5ecaa,transparent);backdrop-filter:blur(10px)}.original-header{position:relative;width:min(1180px,100%);margin:auto;transition:width .2s}.header-art{display:block;width:100%;height:auto;pointer-events:none}.header-home{position:absolute;left:4%;top:25%;width:27%;height:49%;border-radius:24px}.original-controls{position:absolute;left:70.65%;right:3.8%;top:34%;height:36%;display:flex;gap:3.5%;align-items:stretch}.header-hotspot{background:transparent;border:0;border-radius:50%;width:25%;cursor:pointer;color:var(--navy);min-height:44px}.header-hotspot svg{visibility:hidden}.header-hotspot:hover,.header-home:hover{box-shadow:0 0 24px #12c7df70,inset 0 0 15px #ffffffaa}.is-scrolled .original-header{width:min(920px,100%)}.is-scrolled .master-header-wrap{padding-top:0}
.hero{padding-top:22px;gap:42px;min-height:0}.hero-copy h1{font-size:clamp(2.6rem,5.1vw,4.4rem);letter-spacing:-.04em}.hero-copy h1 em{color:#0b708c;font-style:normal}.hero-copy p{max-width:52ch}.hero-copy .h1-support{font-weight:700;color:#0b708c;margin:22px 0 0}.hero-copy .h1-support+p{margin-top:8px}.hero-media{border-radius:38px;padding:9px}.hero-media>img{border-radius:31px;object-fit:cover}.hero-float{border-radius:22px;background:#fffdf5ed}.audience{padding-top:30px;padding-bottom:30px}.audience-facts{display:none}.product-description{padding-top:76px;padding-bottom:64px}.product-description .section-head{max-width:860px}.description-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.description-card{border-radius:26px;padding:24px 22px}.description-card h3{font-size:1.35rem;margin:0 0 10px;color:#073b5c}.description-card p{font-size:1rem;color:#466478;line-height:1.6;margin:0}.journey{margin-top:38px}.section-head h2,.audience h2,.principle-copy h2{font-size:clamp(1.8rem,3vw,2.65rem)}.world-copy strong{font-family:inherit;font-size:clamp(1.3rem,2.4vw,2rem)}
.glass-organic,.glass-card{background:radial-gradient(ellipse at 20% 0%,#ffffffec,transparent 65%),linear-gradient(155deg,#ffffffa8,#eaf2f275);border:1px solid #fff;box-shadow:inset 0 2px 2px #fff,inset 0 -8px 18px #cbdde540,0 14px 35px #073b5c13;backdrop-filter:blur(20px)}.glass-card:hover,.world:hover{box-shadow:inset 0 2px 2px #fff,0 0 22px #12a5b526,0 18px 38px #073b5c16}.world,.standalone-paths{border-radius:30px}.world-head{padding:20px}.world-paths{padding:8px 22px 24px}.path-row{border-radius:18px;margin:8px 0;background:#ffffff77;border:1px solid #ffffffcc}.path-row:hover{background:#ecfafbcc;box-shadow:0 0 18px #12a5b522}.guided-card{border-radius:24px}.guided-index{color:#0b708c;background:#e3f7f7}.mini-status.learned,.mini-status.secure,.mini-status.transfer{background:#e2f5df;color:#246c2a}.mini-status.discovered{background:#dff6f7;color:#075d6a}
.btn{border-radius:20px;min-height:48px;font-family:inherit;font-size:1rem;box-shadow:inset 0 2px 3px #ffffffee,inset 0 -5px 11px #073b5c14,0 6px 15px #073b5c12}.btn.primary{background:linear-gradient(145deg,#e5fbfd,#9ae4ed);border:1px solid #ffffff;color:#073b5c;box-shadow:inset 0 2px 2px #fff,0 0 18px #12a5b530,0 6px 18px #073b5c16}.btn.primary:hover{background:linear-gradient(145deg,#effdff,#69d9e5);box-shadow:inset 0 2px 2px white,0 0 25px #12a5b577}.btn.success,.feedback.correct+.btn{background:linear-gradient(145deg,#ecffe7,#a3dfa0);border-color:#fff;color:#205f29;box-shadow:inset 0 2px 3px #fff,0 0 22px #47b94c44}.btn:disabled{opacity:.5;box-shadow:none;cursor:not-allowed}
.choice{border:1px solid #fff;border-radius:26px;background:linear-gradient(175deg,#fffefa,#dce6ebbb 55%,#eff8f8);box-shadow:inset 0 2px 4px #fff,0 5px 13px #073b5c0e;min-height:76px;padding:16px 20px;gap:18px;font-size:1.0625rem}.choice:hover{border-color:#7ce2ec;box-shadow:inset 0 2px 4px #fff,0 0 22px #11cce766}.choice .radio{width:34px;height:34px;flex:none;background:linear-gradient(#ffffff,#d7e7e9);border:2px solid #a2b0b7;box-shadow:0 0 0 3px #ffffffbd,inset 0 2px 3px #ffffff}.choice.selected{border-color:#12bbd0;background:linear-gradient(175deg,#fff,#d4f5f6);box-shadow:0 0 0 2px #77e5ed99,0 0 23px #12a5b540}.choice.selected .radio{background:#12b9ce;border-color:#fff;box-shadow:0 0 0 2px #12b9ce}.choice.selected .radio i{background:white}.choice.correct{border-color:#47b94c;box-shadow:0 0 18px #47b94c40;background:linear-gradient(#f8fff6,#e0f1dd)}.choice.correct .radio{background:#47b94c;border-color:white}.choice.wrong{border-color:#f28672;background:linear-gradient(#fff7f2,#fae5df)}.choice.wrong .radio{background:#eb7764;border-color:#fff}.choice:focus-within{outline:3px solid #0b708c;outline-offset:4px}
.lesson-title h1{font-size:clamp(2rem,4vw,3rem)}.lesson-surface{border-radius:34px;min-height:0}.stage-copy h2{font-size:clamp(1.75rem,3vw,2.6rem)}.phrase blockquote,.phrase strong{font-family:inherit;font-size:clamp(1.5rem,3vw,2.3rem);line-height:1.4}.lesson-rail{border-radius:26px}.rail-step.current>span{background:linear-gradient(#dffcff,#13bfd0);box-shadow:0 0 22px #12c8df88;color:#073b5c;border:2px solid #fff}.rail-step.done>span{background:#e7f8df;color:#246c2a;border:2px solid #47b94c}.rail-diamond{background:transparent!important;box-shadow:none!important;border:0!important;color:transparent;font-size:0;overflow:hidden}.rail-diamond:after{content:""!important;position:absolute;inset:0;background-image:url('assets/ui/progress.png');background-size:auto 100%;background-position:left center}.audio-btn{border-radius:24px;background:linear-gradient(150deg,#fff,#e1f2f4);border:1px solid white;box-shadow:inset 0 2px 2px #fff,0 5px 20px #0b708c15}.audio-btn:hover{box-shadow:0 0 22px #12a5b544}.feedback{border-radius:24px}.feedback.correct{background:#e9f8e6;color:#245f28}.feedback.retry{background:#fff0e9;color:#863c2e}
.modal-backdrop{background:#073b5c55;backdrop-filter:blur(12px);z-index:1000}.modal-panel{border-radius:38px;background:linear-gradient(140deg,#fffffff5,#eef5f2f5);border:2px solid white;width:min(850px,96vw);padding:42px}.modal-panel h2{font:700 clamp(2rem,4vw,3rem)/1.2 Poppins,BKText,Arial,sans-serif}.modal-close{min-width:44px;min-height:44px}.language-grid,.menu-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.language-choice,.menu-links button,.menu-links a{padding:18px;border-radius:20px;background:linear-gradient(#fff,#edf4f4);border:1px solid white;box-shadow:0 6px 20px #073b5c12;text-align:left;min-height:54px}.help-item{border-radius:22px;background:#ffffffa8;padding:20px}.support-options{display:flex;flex-wrap:wrap}.support-choice{flex:1;min-width:180px}.footer{margin-top:60px;border-top:1px solid #073b5c15;padding-bottom:90px}.footer p{font-size:1rem}.footer>img{width:130px}
.back-top{position:fixed;right:22px;bottom:22px;z-index:600;width:62px;height:62px;border:1px solid #fff;border-radius:50%;padding:4px;cursor:pointer;color:var(--navy);background:conic-gradient(#12a5b5 var(--scroll,0%),#e3eae7 0);box-shadow:0 5px 22px #073b5c25}.back-top>span{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;background:var(--paper);border-radius:50%;font-weight:bold}.back-top small{font-size:12px}.site :focus-visible{outline:3px solid #0b708c;outline-offset:4px}.high-contrast{--muted:#073b5c}.high-contrast .glass-organic,.high-contrast .glass-card,.high-contrast .choice{background:white}.large-text{font-size:1.18em}.large-text p,.large-text button,.large-text a{font-size:1.18em}
@media(max-width:760px){.master-header-wrap{padding:6px 8px}.original-header,.is-scrolled .original-header{width:100%;height:84px;background:linear-gradient(140deg,#fff,#eaf2f0);border:1px solid white;border-radius:25px;box-shadow:0 8px 24px #073b5c16}.header-art{display:none}.header-home{left:3px;top:10px;width:40%;height:63px;background:url('assets/ui/header.png') left center / auto 107px no-repeat}.original-controls{left:auto;right:7px;top:19px;gap:3px;height:46px;width:53%}.header-hotspot{min-width:40px;min-height:44px;background:linear-gradient(160deg,#fff,#d9e8ec);border:1px solid white;box-shadow:inset 0 2px 2px #fff,0 4px 12px #073b5c19}.header-hotspot svg{visibility:visible;width:22px;height:22px}.hero-copy h1{font-size:clamp(2.4rem,10vw,3.5rem)}.hero-media{height:auto;min-height:0}.hero-media>img{max-height:340px}.hero-float{position:relative;left:auto;right:auto;bottom:auto;margin:10px}.hero{gap:20px}.description-grid{grid-template-columns:1fr}.product-description{padding-top:58px;padding-bottom:42px}.modal-panel{padding:40px 20px 24px}.language-grid,.menu-links{grid-template-columns:1fr 1fr}.world-head{padding:15px}.section-standard{width:calc(100% - 30px)}.lesson-surface{padding:24px 16px}.lesson-rail .rail-step small{display:block;font-size:11px}.rail-diamond{display:none}.lesson-rail{padding-left:8px}.back-top{right:12px;bottom:12px;width:54px;height:54px}.footer{padding-bottom:80px}}
.rail-diamond:after{background-size:500px 277px!important;background-position:-350px -24px!important}
.choice .radio{width:40px;height:40px;border:0!important;background:url('assets/ui/radio.png') -352px -15px / 440px 244px no-repeat!important;box-shadow:none!important}.choice.selected .radio{background-position:-352px -147px!important}.choice .radio i{display:none}.choice.correct .radio{filter:hue-rotate(275deg)}.choice.wrong .radio{filter:hue-rotate(180deg)}
.btn,.guided-card,.path-row,.saved-row{cursor:pointer}.guided-card,.path-row{display:flex}.continue-link,.text-link{display:inline-flex;align-items:center;gap:8px}.menu-links a{display:block}.site a:hover{filter:brightness(1.01)}
@media(max-width:760px){.header-home{background-size:400px auto}.original-controls{gap:2px}.header-hotspot{min-width:36px}.choice{font-size:1rem}.choice .radio{flex-shrink:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}