:root{--bg:#071a2d;--bg2:#0b263d;--surface:#102d45;--stroke:#24465f;--cyan:#31e5ce;--cyan2:#68ecdf;--blue:#5dbaff;--text:#ecf8ff;--muted:#a9c4d5;--gold:#ffdb83;--radius:22px;--shadow:0 24px 85px #0005}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,'Segoe UI',Arial,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #9df8e9;outline-offset:4px}.container{max-width:1240px;padding:0 28px;margin:0 auto}.skip{position:absolute;left:0;top:-80px;z-index:50;background:#fff;color:#000;padding:10px}.skip:focus{top:0}.noise{pointer-events:none;position:fixed;inset:0;z-index:100;background-image:url('/assets/noise.svg');opacity:.025}.accent{color:var(--cyan)}.header{position:sticky;top:0;z-index:30;background:#071a2de8;border-bottom:1px solid #416b8133;backdrop-filter:blur(24px)}.nav{display:flex;align-items:center;justify-content:space-between;gap:30px;height:88px}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand strong{display:block;letter-spacing:.045em;font-size:21px;font-weight:900;line-height:1.1}.brand small{font-size:10px;display:block;margin-top:4px;color:#9ebaca;letter-spacing:.13em;text-transform:uppercase;font-weight:700}.nav-links{display:flex;align-items:center;gap:34px;color:#bad1df;font-size:13px;font-weight:700}.nav-links a:hover,.footer a:hover{color:var(--cyan)}.nav-actions{display:flex;align-items:center;gap:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;border-radius:12px;border:1px solid transparent;font-size:14px;font-weight:800;line-height:1.3;white-space:nowrap;transition:transform .2s,background .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--cyan);color:#092f3b;box-shadow:0 8px 24px #16d7c538}.btn-primary:hover{background:#8bffec;box-shadow:0 14px 32px #16d7c548}.btn-ghost{background:transparent;color:#e4f3fa;padding:12px 13px}.btn-outline{border-color:#517288;color:#e8f6fb;background:#ffffff08}.btn-outline:hover{border-color:#a6e9f0;background:#d1ffff16}.btn-small{padding:13px 20px}.btn-big{padding:19px 25px;font-size:14px}.burger{display:none;background:transparent;border:0;padding:8px;flex-direction:column;gap:5px}.burger span{display:block;background:#fff;width:24px;height:2px}.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse 60% 70% at 73% 43%,#124e60aa,transparent 70%),linear-gradient(180deg,#071a2d,#0b2539);padding-top:78px}.hero:before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.26;background-image:linear-gradient(#2b799433 1px,transparent 1px),linear-gradient(90deg,#2b799433 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,transparent 28%,#000 100%);transform:perspective(250px) rotateX(32deg) scale(1.5);transform-origin:bottom}.hero-glow{position:absolute;left:-250px;top:-200px;width:650px;height:650px;border-radius:50%;background:#16507933;filter:blur(90px)}.hero-layout{min-height:615px;display:grid;grid-template-columns:47% 53%;align-items:center;position:relative}.hero-copy{position:relative;z-index:2;padding-bottom:75px}.eyebrow,.section-kicker{color:var(--cyan);font-weight:900;letter-spacing:.14em;font-size:11px;display:inline-flex;gap:10px;align-items:center}.dot,.online{display:inline-block;width:7px;height:7px;background:var(--cyan);border-radius:50%;box-shadow:0 0 13px #24e5c6}.pill{border-radius:30px;padding:6px 10px}.beta{background:#1d4454;color:#aef4e8;font-size:9px;letter-spacing:.04em;margin-left:6px}.hero h1{font-size:clamp(43px,4.1vw,66px);line-height:1.08;letter-spacing:-.055em;margin:27px 0 22px;font-weight:900}.gradient-text{background:linear-gradient(100deg,#6bf8da,#53b7f3);color:transparent;background-clip:text}.hero-lead{color:#adc8d8;font-size:17px;line-height:1.85;max-width:560px;margin:0 0 34px}.hero-actions{display:flex;align-items:center;gap:13px;flex-wrap:wrap}.hero-proof{display:flex;align-items:center;gap:13px;margin-top:52px;color:#fff}.hero-proof>span:not(.proof-icon){display:flex;flex-direction:column;gap:3px}.hero-proof b{font-size:12px}.hero-proof small{font-size:10px;color:var(--muted)}.hero-proof i{height:28px;width:1px;background:#376078;margin:0 5px}.proof-icon{font-size:22px;background:#1e4556;border:1px solid #406478;border-radius:12px;width:37px;height:37px;display:grid;place-items:center;color:#d6fafa}.hero-art{position:relative;height:640px;display:grid;place-items:center;min-width:0}.hero-art>img{position:relative;z-index:1;width:122%;max-width:none;filter:drop-shadow(0 50px 46px #0008);animation:hoverworld 8s ease-in-out infinite}.scene-backlight{position:absolute;width:500px;height:480px;background:#37e4cc44;filter:blur(98px);border-radius:100%;top:13%;right:0}.float-tag{position:absolute;z-index:2;display:flex;align-items:center;gap:12px;padding:13px 17px;border-radius:14px;background:#13394adf;border:1px solid #5295a36d;box-shadow:0 10px 30px #0005;backdrop-filter:blur(18px);min-width:188px}.float-tag>span{font-size:26px}.float-tag b{display:block;font-size:12px}.float-tag small{display:block;color:#afcbd4;font-size:10px;margin-top:4px}.float-tag-a{top:17%;right:-2%;animation:floaty 5s ease-in-out infinite}.float-tag-b{bottom:19%;left:-7%;animation:floaty 6s ease-in-out infinite reverse}.hero-bottom{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding-bottom:28px}.scroll-cue{font-size:10px;font-weight:800;letter-spacing:.16em;color:#809db1;display:flex;align-items:center;gap:12px}.scroll-line{width:37px;height:1px;background:#4c8392}.version-chip{font-size:10px;color:#85aebc;letter-spacing:.08em;display:flex;align-items:center;gap:8px}.stats-bar{border-top:1px solid #2f586b;border-bottom:1px solid #2f586b;background:#092337}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);padding-top:29px;padding-bottom:29px}.stats-row>div{text-align:center;border-right:1px solid #2d4c61}.stats-row>div:last-child{border-right:0}.stats-row strong{display:block;font-weight:900;font-size:29px;color:#7deedf}.stats-row span{display:block;font-size:11px;color:#a5bfcb;margin-top:5px}.section{padding:110px 0}.section-top{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:38px}.section-top>p{max-width:350px;color:var(--muted);line-height:1.8;font-size:14px}.section h2,.join-section h2{font-size:clamp(33px,3.3vw,48px);line-height:1.2;letter-spacing:-.04em;margin:16px 0 17px}.section h2 span,.join-section h2 span{color:var(--cyan)}.feature-grid{display:grid;grid-template-columns:1.2fr .9fr .9fr;gap:18px}.feature{border:1px solid #295069;border-radius:20px;background:#0e2a41;overflow:hidden;transition:transform .25s,border-color .25s}.feature:hover{transform:translateY(-5px);border-color:#48bcb3}.feature-visual{height:203px;display:grid;place-items:center;position:relative;overflow:hidden}.feature-large .feature-visual{height:203px}.view-building{background:radial-gradient(circle at center,#48bfb84b,transparent 65%),linear-gradient(145deg,#154c59,#133044)}.view-farm{background:linear-gradient(145deg,#164f48,#123544)}.view-explore{background:linear-gradient(145deg,#27495d,#133647)}.feature-art{font-size:100px;filter:drop-shadow(0 22px 12px #0003);position:relative;z-index:1}.view-building .feature-art{font-size:112px}.visual-block{position:absolute;width:32px;height:32px;background:#48c5ac55;transform:rotate(38deg)}.block-one{left:10%;top:18%}.block-two{right:15%;bottom:18%}.block-three{right:25%;top:12%;width:17px;height:17px}.feature-body{padding:25px 27px 32px}.feature-num{font-size:10px;font-weight:900;letter-spacing:.13em;color:var(--cyan)}.feature h3{font-size:20px;margin:12px 0 8px}.feature p{font-size:13px;color:var(--muted);line-height:1.75;margin:0}.section-alt{background:#0b253a;border-top:1px solid #2e5365;border-bottom:1px solid #2e5365}.split{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.adventure-art{height:375px;position:relative;border:1px solid #38607e;border-radius:25px;background:radial-gradient(circle at 52% 65%,#26a18d44,transparent 45%),linear-gradient(145deg,#174e5c,#091d3a 65%);display:grid;place-items:center;overflow:hidden}.adventure-art:before{content:'';position:absolute;bottom:-60px;left:-10%;width:120%;height:220px;background:linear-gradient(120deg,#1a5250,#133c4b);clip-path:polygon(0 53%,12% 45%,25% 56%,42% 24%,58% 40%,76% 16%,100% 50%,100% 100%,0 100%)}.camp-moon{position:absolute;top:30px;right:70px;font-size:90px;color:#d7f3d4;filter:drop-shadow(0 0 30px #fff6)}.camp-fire{font-size:115px;position:relative;z-index:2;filter:drop-shadow(0 8px 40px #ffcb7a66)}.camp-stars{position:absolute;top:55px;left:58px;letter-spacing:40px;color:#fff3a3}.camp-caption{position:absolute;bottom:22px;left:27px;color:#b3dee3;font-size:10px;letter-spacing:.18em;font-weight:900}.split-copy>p{color:var(--muted);line-height:1.85;font-size:15px;margin-bottom:24px}.checkline{display:flex;align-items:center;gap:12px;margin:13px 0;color:#d2ebf4;font-size:14px;font-weight:650}.checkline span{color:var(--cyan);font-weight:900}.inline-link{background:none;border:none;color:var(--cyan);font-weight:900;margin-top:25px;padding:0;font-size:14px}.inline-link span{margin-left:8px}.center{text-align:center;max-width:700px;margin:0 auto 48px}.center>p{color:var(--muted);line-height:1.7}.subjects{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.subject{background:#0d2a40;border:1px solid #315368;border-radius:20px;padding:28px 22px;min-height:235px}.subject-icon{width:66px;height:66px;border-radius:18px;display:grid;place-items:center;font-size:28px;font-weight:900;margin-bottom:22px}.math{background:#5449ba44;color:#c8b5ff}.words{background:#285c9d55;color:#99d9ff}.nature{background:#286e5c55;color:#9cffd1}.logic{background:#a1783155;color:#ffe3a1}.subject h3{font-size:16px;line-height:1.45;margin:0 0 9px}.subject p{font-size:12px;line-height:1.75;color:var(--muted);margin:0}.parents{padding-top:30px}.parent-card{border:1px solid #2f695f;background:linear-gradient(110deg,#103d46,#10283e);border-radius:23px;padding:57px 70px;display:flex;gap:50px;align-items:center}.parent-badge{font-size:85px;flex-shrink:0}.parent-card p{max-width:750px;line-height:1.8;color:#b9d6de}.parent-points{display:flex;flex-wrap:wrap;gap:14px 28px;color:#bff8e8;font-size:13px;font-weight:700;margin:22px 0}.muted{color:#87aaba;font-size:11px}.join-section{padding:65px 0 105px}.join-card{border:1px solid #4ca59a;background:radial-gradient(circle at 20% 40%,#2e938c55,transparent 35%),linear-gradient(100deg,#10495a,#0c303e);border-radius:28px;display:grid;grid-template-columns:35% 65%;align-items:center;overflow:hidden;padding:40px 75px}.join-art{font-size:100px;color:#a9fbec;text-align:center;position:relative;min-height:230px;display:grid;place-items:center}.join-art span{position:absolute;inset:0;display:grid;place-items:center;font-size:130px;filter:drop-shadow(0 20px 25px #0006)}.join-copy p{color:#c3dce4;line-height:1.8;max-width:610px}.join-copy small{display:block;color:#a4c9cf;font-size:11px;margin-top:15px}.footer{border-top:1px solid #315062;background:#061725;padding:51px 0 22px}.footer-top{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:45px;align-items:start}.footer-top p{line-height:1.8;font-size:12px;color:#93b1c2;margin:0}.footer-links{display:grid;gap:14px;font-size:12px;font-weight:700;color:#bed3de;justify-content:end}.footer-bottom{display:flex;justify-content:space-between;padding-top:45px;margin-top:42px;border-top:1px solid #25445a;color:#7fa2b5;font-size:11px}.modal[hidden],[hidden]{display:none!important}.modal{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:20px}.modal-backdrop{position:absolute;inset:0;background:#020d18de;backdrop-filter:blur(10px)}.modal-card{position:relative;background:#0e2b41;border:1px solid #49758a;border-radius:22px;width:min(100%,470px);padding:32px 34px 25px;box-shadow:var(--shadow);max-height:94vh;overflow:auto}.modal-card h2{font-size:27px;line-height:1.2;margin:13px 0 12px;letter-spacing:-.025em}.modal-card .section-kicker{font-size:10px}.close{position:absolute;top:17px;right:17px;border:0;background:#275069;color:white;border-radius:10px;width:34px;height:34px}.auth-mark{width:57px;height:57px;border-radius:16px;display:grid;place-items:center;background:#235e64;color:#a1ffed;font-size:32px;margin-bottom:18px}.auth-sub{font-size:13px;color:#b4ced9;line-height:1.75}.modal label:not(.check-label){display:block;font-size:12px;font-weight:800;margin:19px 0 8px}.modal input[type=email],.modal input[type=text]{width:100%;border-radius:10px;background:#082135;border:1px solid #416980;color:white;padding:15px;font-size:16px}.modal input::placeholder{color:#6c93a7}.check-label{display:flex;align-items:start;gap:10px;margin:17px 0;color:#bcd1dc;font-size:11px;line-height:1.55}.check-label input{margin-top:2px;accent-color:#45e7ca;flex-shrink:0}.check-label a{color:#8cf6e6;text-decoration:underline}.btn-full{width:100%;padding:16px;margin-top:16px}.auth-foot{color:#8eb0c0;font-size:11px;line-height:1.6;border-top:1px solid #315b70;margin:22px 0 0;padding-top:17px}.auth-message{min-height:20px;font-size:12px;color:#7ce7d0;margin-top:13px}.auth-message.error{color:#ffb39f}.btn-link{border:0;background:none;color:var(--cyan);margin-top:20px;font-size:12px;font-weight:800;padding:0}.account-email{border:1px solid #47677d;background:#122f47;border-radius:10px;padding:14px;margin:16px 0;font-size:13px}.account-state{color:#8ff5da;font-size:13px}.nav-links.open{display:flex}@keyframes hoverworld{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@media(max-width:1120px){.nav-links{gap:16px}.hero-layout{grid-template-columns:50% 50%}.hero h1{font-size:48px}.hero-art>img{width:130%}.float-tag-a{right:0}}@media(max-width:840px){.nav-links{display:none;position:absolute;top:88px;left:0;right:0;background:#092539;border-bottom:1px solid #456f85;padding:22px;flex-direction:column;align-items:start}.burger{display:flex}.nav{height:75px}.nav-links{top:75px}.hero{padding-top:55px}.hero-layout{grid-template-columns:1fr}.hero-copy{padding-bottom:0}.hero-art{height:465px}.hero-art>img{width:min(96%,690px)}.hero-bottom{padding-top:0}.feature-grid{grid-template-columns:repeat(2,1fr)}.feature-large{grid-column:span 2}.split{grid-template-columns:1fr;gap:40px}.subjects{grid-template-columns:repeat(2,1fr)}.footer-top{grid-template-columns:1fr 1fr}.footer-top .brand{grid-column:span 2}.join-card{padding:30px;grid-template-columns:1fr}.join-art{display:none}}@media(max-width:560px){.container{padding:0 18px}.brand strong{font-size:17px}.brand small{font-size:8px}.nav-actions{gap:5px}.nav-actions .btn-ghost{display:none}.nav-actions .btn-small{font-size:11px;padding:11px 12px}.hero h1{font-size:40px}.eyebrow{font-size:9px;flex-wrap:wrap}.hero-lead{font-size:14px;line-height:1.8}.hero-actions .btn{width:100%}.hero-proof{gap:8px;flex-wrap:wrap;margin-top:35px}.hero-art{height:340px}.hero-art>img{width:116%}.float-tag{padding:8px 10px;min-width:145px}.float-tag b{font-size:10px}.float-tag small{font-size:9px}.float-tag-a{top:10%;right:-4%}.float-tag-b{bottom:5%;left:0}.hero-bottom,.version-chip{display:none}.stats-row{grid-template-columns:repeat(2,1fr);gap:28px}.stats-row>div:nth-child(2){border-right:0}.section{padding:65px 0}.section-top{display:block}.section-top>p{margin:0 0 20px}.feature-grid,.subjects{grid-template-columns:1fr}.feature-large{grid-column:auto}.feature-visual{height:170px!important}.parent-card{padding:30px 25px;display:block}.parent-badge{font-size:45px}.join-section{padding:15px 0 65px}.join-card{padding:30px 23px}.footer-top{grid-template-columns:1fr;gap:20px}.footer-top .brand{grid-column:auto}.footer-links{justify-content:start}.footer-bottom{gap:13px;flex-direction:column}.modal-card{padding:28px 20px 23px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.legal-layout{max-width:830px;padding-top:50px;padding-bottom:90px}.legal-layout h1{font-size:36px;margin:50px 0 25px}.legal-layout h2{margin-top:32px;color:#8beedb}.legal-layout p{color:#b9d4df;line-height:1.8}.legal-layout strong{color:#fff}
@media(max-width:410px){.brand strong{font-size:15px}.brand small{display:none}.nav-actions .btn-small{padding:10px;font-size:10px}.nav-actions{gap:2px}.brand{gap:7px}.brand img{width:37px;height:37px}}

/* Cubia World — interactive academy v2 */
#program,#try,#learning,#parents{scroll-margin-top:94px}
.academy{background:radial-gradient(circle at 85% 7%,#1b536b52,transparent 46%),#091e32;border-top:1px solid #28536a;border-bottom:1px solid #28536a}
.academy-intro{margin-bottom:36px}
.world-route{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:16px 0 26px}
.route-step{position:relative;text-align:left;display:flex;flex-direction:column;gap:5px;align-items:flex-start;padding:22px 17px;background:linear-gradient(145deg,#112e45,#0d273b);border:1px solid #315269;border-radius:17px;color:#dceff4;min-height:143px;transition:transform .2s,border-color .2s,background .2s}
.route-step:after{position:absolute;content:'›';font-size:21px;color:#5e8ca0;right:12px;bottom:14px}
.route-step:hover{transform:translateY(-3px);border-color:#66cabc}.route-step.is-active{background:linear-gradient(145deg,#185755,#0e414e);border-color:#55edcf;box-shadow:0 10px 34px #30d4c017}
.route-symbol{font-size:31px;line-height:1.25;margin-bottom:5px}.route-step b{font-size:16px}.route-step small{color:#9fc5d0;font-size:11px;line-height:1.35}
.academy-board{border:1px solid #376782;background:linear-gradient(145deg,#0c2e43,#09273a);border-radius:24px;padding:29px;box-shadow:0 30px 60px #001c2a42}
.academy-heading{display:flex;align-items:center;gap:20px;margin-bottom:27px;padding-bottom:25px;border-bottom:1px solid #34566a}.academy-mark{width:72px;height:72px;border-radius:19px;display:grid;place-items:center;font-size:37px;background:#17495a;border:1px solid #376d77;flex-shrink:0}.academy-heading h3{font-size:clamp(23px,2.4vw,32px);margin:4px 0 7px}.academy-heading p{color:#a9c4d5;margin:0;font-size:13px;line-height:1.65}.mini-label{font-size:10px;letter-spacing:.13em;font-weight:900;color:#5fe1d1}.grade-pill{margin-left:auto;align-self:flex-start;border:1px solid #4f9d96;background:#1a625b40;border-radius:30px;padding:8px 14px;font-size:11px;white-space:nowrap;font-weight:900;color:#bbffea}
.curriculum-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(290px,.8fr);gap:24px}.curriculum-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.curriculum-toolbar strong{font-size:14px}.curriculum-toolbar span{font-size:11px;color:#9db9c8}.subject-browser{display:grid;gap:9px}.curriculum-subject{background:#102e43;border:1px solid #305c70;border-radius:13px;overflow:hidden}.curriculum-subject:has(.curriculum-subject-toggle[aria-expanded=true]){border-color:#4db4ab;background:#143a4d}.curriculum-subject-toggle{width:100%;background:transparent;color:#e7f8ff;border:0;display:flex;align-items:center;padding:13px 16px;text-align:left;gap:11px;font-weight:800;cursor:pointer}.curriculum-subject-toggle:hover{background:#ffffff0a}.subject-emoji{font-size:19px;width:30px;text-align:center}.subject-name{font-size:13px}.expand-indicator{margin-left:auto;font-size:21px;color:#6de0d1}.curriculum-subject-detail{padding:2px 20px 19px 56px}.curriculum-subject-detail>p{font-size:12px;line-height:1.7;color:#aacddd;margin:4px 0 11px}.topic-row{display:flex;flex-wrap:wrap;gap:7px}.topic-tag{background:#29576b;border:1px solid #47768c;color:#c6e4e7;padding:7px 10px;font-size:10px;border-radius:8px}.curriculum-subject-detail .mission-text{margin:15px 0 13px;color:#c5f6e8}.curriculum-test{padding:0;border:0;background:transparent;color:#7de9d9;font-size:12px;font-weight:900}.curriculum-test:hover{text-decoration:underline}
.curriculum-aside{background:linear-gradient(155deg,#16485a,#0e3041);border:1px solid #41727e;border-radius:17px;padding:23px 22px;align-self:start}.curriculum-aside h4{font-size:23px;margin:13px 0;line-height:1.26}.curriculum-aside>p{color:#bad3dc;font-size:13px;line-height:1.7}.quest-meta{display:grid;gap:8px;margin:19px 0 23px}.quest-meta span{color:#d5ebef;font-size:12px}.curriculum-aside .btn{font-size:12px;padding:13px 17px;white-space:normal;width:100%}.curriculum-aside hr{border:0;border-top:1px solid #386678;margin:23px 0}.curriculum-aside>strong{font-size:13px}.learning-steps{padding-left:20px;color:#bdd0dc;font-size:12px;line-height:1.85}.learning-steps li{padding:3px 0}.program-notice{margin-top:23px;display:flex;gap:14px;align-items:flex-start;border:1px solid #33576e;border-radius:15px;padding:14px 20px;background:#102d41}.program-notice>span{font-size:26px}.program-notice p{font-size:12px;line-height:1.7;color:#a8cad8;margin:0}.program-notice b{color:#e0f2f7}.program-notice a{color:#66e1cd;text-decoration:underline}
.practice-section{background:#071b2d}.practice-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:20px;align-items:stretch}.practice-side{border:1px solid #30556b;background:#0d2a40;border-radius:20px;padding:26px 24px}.practice-title{color:#6ce8d3;font-size:11px;font-weight:900;letter-spacing:.09em;margin-bottom:17px}.field-label{display:block;margin:18px 0 9px;color:#b5d0dc;font-size:12px;font-weight:800}.learning-select{appearance:auto;width:100%;background:#163c54;border:1px solid #426c84;border-radius:12px;color:#edfaff;padding:14px 13px;font:inherit;font-size:14px}.learning-select option{background:#0f2f45;color:#fff}.practice-score{margin-top:28px;background:#164355;border:1px solid #397486;border-radius:16px;padding:19px 18px}.practice-score>span{font-size:12px;font-weight:800;color:#cbeef2}.practice-score strong{display:block;font-size:40px;color:#ffe29d;line-height:1.3;margin:8px 0}.practice-meter{height:8px;background:#356078;border-radius:20px;overflow:hidden;margin:9px 0}.practice-meter>span{height:100%;display:block;width:0;background:#55e5cc;transition:width .3s}.practice-score small{font-size:12px;color:#b7d5dc}.practice-note{margin-top:18px;color:#a3bdcd;font-size:11px;line-height:1.75}.practice-main{background:radial-gradient(circle at 93% 3%,#214e63,transparent 60%),linear-gradient(140deg,#123c52,#0d2a42);border:1px solid #437485;border-radius:20px;min-height:485px;padding:27px 33px;display:flex;flex-direction:column}.practice-head{display:flex;justify-content:space-between;align-items:center;gap:14px}.practice-mode{font-size:11px;font-weight:900;letter-spacing:.11em;color:#66e5d4}.practice-level{background:#28566c;border:1px solid #497c8d;border-radius:40px;padding:8px 12px;font-size:11px;font-weight:800}.practice-visual{height:110px;display:flex;justify-content:center;align-items:center;font-size:79px;filter:drop-shadow(0 14px 22px #0005);margin:8px 0}.practice-topic{font-size:12px;color:#65e5d4;margin:0 0 11px;font-weight:900}.practice-main h3{font-size:clamp(19px,2.1vw,26px);line-height:1.35;letter-spacing:-.02em;margin:0 0 24px}.practice-answers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.practice-choice{min-height:76px;border-radius:13px;border:1px solid #5b8298;background:#17455c;color:#e4f5fa;padding:12px 9px;font-size:15px;font-weight:800;transition:border-color .18s,background .18s}.practice-choice:hover:not(:disabled){border-color:#75e6d8;background:#1f6170}.practice-choice:disabled{cursor:default;opacity:.87}.practice-choice.correct{background:#145c51;border-color:#6cf1c7;color:#bfffe5}.practice-choice.wrong{background:#653842;border-color:#f0a7a0;color:#fff0ed}.practice-feedback{min-height:32px;font-size:12px;font-weight:750;line-height:1.6;margin:15px 0}.feedback-success{color:#78f7d1}.feedback-error{color:#ffd3b3}.practice-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:auto;border-top:1px solid #366176;padding-top:19px}.practice-bottom>span{font-size:11px;color:#9fbccb;line-height:1.65}.practice-bottom .btn{padding:13px 15px;font-size:12px}.practice-bottom .btn:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.demo-complete{border:1px solid #63c7b4;border-radius:14px;background:#1a574b;color:#dcffef;grid-column:1/-1;padding:25px;font-size:15px;line-height:1.6}
.learning-method{background:linear-gradient(#0b2539,#071a2d);border-top:1px solid #264d61}.method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.method-card{border:1px solid #325468;background:#0e2c41;border-radius:18px;padding:23px;min-height:232px}.method-icon{font-size:37px;display:block;margin:7px 0 17px}.method-number{font-size:10px;letter-spacing:.13em;color:#65d8ca;font-weight:900}.method-card h3{margin:6px 0 10px;font-size:19px}.method-card p{color:#b0cad7;font-size:12px;line-height:1.7;margin:0}.method-banner{margin-top:20px;display:flex;gap:20px;align-items:center;background:linear-gradient(100deg,#174e52,#103345);border:1px solid #417777;border-radius:17px;padding:23px 25px}.method-banner>span{font-size:43px}.method-banner>div{flex:1}.method-banner strong{font-size:17px}.method-banner p{margin:5px 0 0;color:#b9d9dc;font-size:12px;line-height:1.7}.method-banner .btn{padding:12px 16px;font-size:12px}
@media(max-width:1050px){.world-route{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.route-step{padding:16px 11px;min-height:139px}.route-step b{font-size:13px}.route-step small{font-size:10px}.curriculum-layout{grid-template-columns:1fr 300px}.practice-layout{grid-template-columns:245px 1fr}}
@media(max-width:850px){.world-route{grid-template-columns:repeat(5,minmax(150px,1fr));overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:10px}.route-step{scroll-snap-align:start}.curriculum-layout{grid-template-columns:1fr}.curriculum-aside{order:-1}.practice-layout{grid-template-columns:1fr}.practice-side{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px}.practice-title,.practice-score,.practice-note{grid-column:1/-1}.practice-side .field-label{margin:5px 0 1px}.practice-side .learning-select{grid-row:3}.method-grid{grid-template-columns:repeat(2,1fr)}.method-banner{flex-wrap:wrap}.method-banner .btn{margin-left:auto}}
@media(max-width:560px){.academy-board{padding:18px 14px}.academy-heading{gap:10px;flex-wrap:wrap}.academy-mark{width:49px;height:49px;font-size:26px}.academy-heading h3{font-size:23px}.grade-pill{margin-left:0}.curriculum-subject-detail{padding-left:18px}.practice-main{padding:20px 16px;min-height:450px}.practice-answers{grid-template-columns:1fr}.practice-choice{min-height:55px}.practice-visual{height:88px;font-size:65px}.practice-bottom{flex-direction:column;align-items:stretch}.practice-bottom .btn{width:100%}.practice-side{grid-template-columns:1fr}.practice-side .learning-select{grid-row:auto}.practice-title,.practice-score,.practice-note{grid-column:auto}.method-grid{grid-template-columns:1fr}.method-banner{align-items:flex-start}.method-banner .btn{width:100%;margin:0}.world-route{margin-left:-3px;margin-right:-3px}.section-top h2{font-size:clamp(30px,8vw,40px)}}
.program-more{text-align:right;margin:22px 5px 0;font-size:13px}.program-more a{color:#8af3dd;font-weight:800}.program-more a:hover{text-decoration:underline}
.program-page{padding-top:76px;padding-bottom:100px}.program-page h1{font-size:clamp(36px,5vw,59px);letter-spacing:-.05em;margin:17px 0 22px}.program-page h1 span{color:var(--cyan)}.program-page .page-lead{font-size:18px;line-height:1.85;color:#b8d3df;max-width:900px;margin-bottom:48px}.program-story{padding:27px 32px;margin:20px 0;background:#0d2a40;border:1px solid #34566e;border-radius:19px}.program-story h2{font-size:25px;letter-spacing:-.02em;margin:0 0 14px}.program-story p{color:#bad3de;line-height:1.8;font-size:14px}.program-story strong{color:#e6faff}.program-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 25px}.program-detail-grid p{margin:3px 0}.program-story .program-play{border-left:3px solid var(--cyan);background:#144054;border-radius:0 10px 10px 0;padding:13px 17px;margin-top:20px}.program-story a{color:#79ead5;text-decoration:underline}.program-cta{background:linear-gradient(120deg,#19575b,#10344c);padding:25px 29px;border-radius:17px;display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid #447e7c}.program-cta strong{font-size:17px}.program-cta .btn{padding:15px 19px}
@media(max-width:700px){.program-page{padding-top:46px;padding-bottom:65px}.program-story{padding:22px 20px}.program-detail-grid{grid-template-columns:1fr}.program-cta{flex-direction:column;align-items:stretch}.program-cta .btn{white-space:normal;text-align:center}}

/* Cubia World v2.1 — redesigned interactive first screen */
:root{--cyan:#46efd6;--gold:#ffda78}
.version-ribbon{background:linear-gradient(105deg,#1b6a72,#0d4858 47%,#112d60);border-bottom:1px solid #66f4df55;color:#eafff9}
.version-ribbon-inner{display:flex;align-items:center;gap:13px;min-height:44px;font-size:12px}
.version-icon{font-size:17px;color:#e8c875}.version-ribbon-inner strong{letter-spacing:.11em;font-size:11px}.version-ribbon-inner>span:nth-child(3){color:#b1e9e5}
.version-ribbon a{margin-left:auto;font-weight:800;color:#fff;padding:8px 0}.version-ribbon a:hover{text-decoration:underline}
.hero{padding-top:42px;background:radial-gradient(circle at 67% 35%,#247d7a66,transparent 48%),linear-gradient(160deg,#081528,#112e48 73%,#061b30)}
.hero-layout{min-height:690px;grid-template-columns:48% 52%}.hero-copy{padding-bottom:40px}
.hero h1{font-size:clamp(43px,4.5vw,70px);line-height:1.04;margin:22px 0 20px}
.hero-proof{margin-top:26px}
.hero-class-card{margin-top:27px;border:1px solid #60d4d3a0;background:linear-gradient(145deg,#0d3751ed,#10324be8);box-shadow:0 20px 50px #0014219e,inset 0 1px #ffffff12;padding:16px;border-radius:19px;max-width:510px;position:relative;overflow:hidden}
.hero-class-card:after{content:'';position:absolute;right:-45px;bottom:-110px;width:180px;height:180px;background:#14d9c333;border-radius:50%;filter:blur(60px);pointer-events:none}
.quick-top{display:flex;justify-content:space-between;gap:8px;align-items:center;color:#b7fcf4;font-size:10px;font-weight:900;letter-spacing:.1em}.quick-top strong{border:1px solid #54dcd17d;padding:4px 8px;border-radius:6px;letter-spacing:.07em;color:#b9fff1}
.live-indicator{display:inline-block;width:7px;height:7px;background:#75ffd6;border-radius:50%;margin-right:6px;box-shadow:0 0 10px #2bf5a8}
.quick-grades{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:13px 0}.quick-grades button{border:1px solid #58809a;border-radius:10px;color:#d9effc;background:#16445e;padding:9px 0;font-weight:900;font-size:15px}
.quick-grades button.is-active,.quick-grades button:hover{color:#073e3c;background:var(--cyan);border-color:var(--cyan);box-shadow:0 5px 15px #28f4c42e}
.quick-result{display:flex;gap:12px;align-items:center;background:#102c42;border:1px solid #31556e;border-radius:12px;padding:12px 11px;min-height:72px}.quick-emoji{font-size:30px;flex-shrink:0}.quick-result strong{font-size:14px}.quick-result p{margin:4px 0 0;color:#b9d3dc;font-size:12px;line-height:1.5}
.quick-actions{display:flex;align-items:center;gap:15px;margin-top:13px}.quick-button{background:var(--cyan);color:#0e3442;padding:11px 13px;border-radius:10px;border:0;font-weight:900;font-size:12px}.quick-link{background:transparent;border:0;padding:8px 0;color:#c8e8f6;font-weight:800;font-size:12px}
.quick-button:hover{filter:brightness(1.13)}.quick-link:hover{color:var(--cyan)}
.floating-heading{position:absolute;z-index:3;top:0;left:8%;display:flex;flex-direction:column;gap:6px;background:#0d2941b8;backdrop-filter:blur(15px);border:1px solid #76d5d65b;border-radius:14px;padding:15px 18px;transform:rotate(-3deg)}
.floating-heading span{font-size:10px;letter-spacing:.15em;font-weight:900;color:#76f7de}.floating-heading b{font-size:17px}.floating-heading small{color:#c5dce5;font-size:10px}
.academy{background:radial-gradient(circle at 3% 8%,#196a726b,transparent 50%),#081d30}.route-step.is-active{box-shadow:0 0 30px #21e3cf28;border-color:#5be9d7}
@media(max-width:1050px){.hero-layout{grid-template-columns:1fr 1fr}.hero-class-card{max-width:100%}}
@media(max-width:850px){.hero-layout{display:flex;flex-direction:column}.hero-copy{padding-bottom:8px}.hero-art{height:520px;width:100%}.hero-art>img{width:92%}.hero-proof{margin-top:25px}.version-ribbon-inner>span:nth-child(3){display:none}}
@media(max-width:560px){.hero{padding-top:28px}.hero h1{font-size:clamp(39px,9vw,52px)}.hero-class-card{padding:12px}.quick-actions{flex-wrap:wrap;gap:4px 13px}.hero-art{height:360px}.hero-art>img{width:105%}.floating-heading{top:6px;left:2%;padding:10px}.floating-heading b{font-size:12px}.floating-heading small{display:none}.version-ribbon-inner{gap:8px}.version-ribbon a{font-size:10px}.hero-proof{flex-wrap:wrap}}

.hero-lead{max-width:465px}.hero-copy{max-width:580px}
@media(max-width:850px){.hero-lead{max-width:100%}}