@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.auth-screen{grid-template-columns:1.1fr .9fr;align-items:center;gap:5vw;max-width:1100px;min-height:100vh;margin:auto;padding:2rem;display:grid}.auth-info h1{margin:.8rem 0;font-size:clamp(3rem,8vw,5rem)}.auth-info>p{color:var(--text-secondary);max-width:520px;font-size:1.15rem}.demo-box{border-left:3px solid var(--accent-secondary);background:#06b6d412;flex-direction:column;gap:.35rem;margin-top:2rem;padding:1rem;font-size:.83rem;display:flex}.auth-form{padding:2.5rem}.auth-form label{color:var(--text-secondary);flex-direction:column;gap:.4rem;margin:1rem 0;font-size:.85rem;display:flex}.auth-form input,.auth-form select,.platform-input{border:1px solid var(--border-color);color:#fff;background:#101a2e;border-radius:9px;padding:.8rem 1rem}.auth-form>button:not(.text-button){background:var(--accent-primary);color:#fff;border-radius:9px;width:100%;padding:.85rem;font-weight:700}.text-button{width:100%;color:var(--accent-secondary);padding:1rem}.form-error{color:#fca5a5;background:#ef44441a;border-radius:8px;padding:.7rem}.platform-page{max-width:1100px;margin:auto}.platform-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.platform-card{padding:1.5rem}.platform-card.full{grid-column:1/-1}.platform-card form,.platform-list{gap:.7rem;display:grid}.platform-item{border:1px solid var(--border-color);background:#ffffff06;border-radius:10px;padding:1rem}.platform-item header{justify-content:space-between;display:flex}.platform-item p{color:var(--text-secondary);margin:.4rem 0}.platform-button{background:var(--accent-primary);color:#fff;border-radius:8px;padding:.7rem 1rem;font-weight:700}.tutor-layout{grid-template-columns:1.3fr .7fr;gap:1rem;display:grid}.chat-card,.tool-card{padding:1.3rem}.messages{flex-direction:column;gap:.8rem;height:420px;margin-bottom:1rem;display:flex;overflow:auto}.message{white-space:pre-wrap;border-radius:14px;max-width:85%;padding:.8rem 1rem}.message.user{background:var(--accent-primary);align-self:flex-end}.message.assistant{background:#ffffff12}.chat-form{gap:.6rem;display:flex}.chat-form input{flex:1}.tool-stack{gap:1rem;display:grid}.tool-card textarea{color:#fff;border:1px solid var(--border-color);background:#0003;border-radius:9px;width:100%;padding:.8rem}.score-columns{grid-template-columns:repeat(3,1fr);gap:.5rem;margin:.8rem 0;display:grid}.score-columns span{text-align:center;background:#ffffff0d;border-radius:8px;padding:.7rem}.account-pill{color:var(--text-secondary);align-items:center;gap:.6rem;font-size:.85rem;display:flex}@media (width<=800px){.auth-screen,.tutor-layout{grid-template-columns:1fr}.auth-info{display:none}.platform-grid{grid-template-columns:1fr}.platform-card.full{grid-column:auto}.messages{height:330px}}.teacher-section{gap:1.2rem;display:grid}.teacher-section .page-heading>svg{color:var(--accent-secondary)}.teacher-summary{margin:0}.workspace-notice{border-radius:10px;align-items:center;gap:.55rem;margin:0;padding:.8rem 1rem;display:flex}.workspace-notice.success{color:#a7f3d0;background:#10b9811a;border:1px solid #10b98133}.workspace-notice.error{color:#fecaca;background:#ef44441a;border:1px solid #ef444433}.teacher-empty{text-align:center;min-height:170px;color:var(--text-secondary);align-content:center;place-items:center;gap:.5rem;display:grid}.teacher-empty svg{color:#64748b}.teacher-empty p{max-width:390px;margin:0;line-height:1.55}.school-class-grid,.curriculum-level-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.code-button{color:#67e8f9;background:#06b6d41a;border-radius:8px;align-items:center;gap:.45rem;padding:.55rem .7rem;font-weight:800;display:inline-flex}.grading-row{border:1px solid var(--border-color);border-radius:10px;grid-template-columns:minmax(220px,1fr) 90px minmax(180px,.7fr) auto;align-items:center;padding:1rem;display:grid!important}.grading-row>div{gap:.25rem;display:grid}.grading-row span,.grading-row p{color:var(--text-secondary);margin:0}.curriculum-level>span{background:linear-gradient(135deg,var(--accent-secondary),var(--accent-primary));border-radius:14px;place-items:center;width:48px;height:48px;font-weight:900;display:grid}.curriculum-level h3{margin:.9rem 0 .4rem}.curriculum-level p{color:var(--text-secondary)}.curriculum-level>div{flex-wrap:wrap;gap:.35rem;display:flex}.curriculum-level small{color:#94a3b8;background:#ffffff0d;border-radius:99px;padding:.3rem .5rem}.school-steps{gap:1rem;margin-top:1.2rem;list-style:none;display:grid}.school-steps li{gap:.8rem;display:flex}.school-steps li>span{color:#c4b5fd;background:#8b5cf629;border-radius:50%;flex:0 0 32px;place-items:center;height:32px;font-weight:900;display:grid}.school-steps p{color:var(--text-secondary);margin:.25rem 0}.account-summary{align-items:center;gap:1rem;margin-top:1rem;display:flex}.account-summary>span{background:linear-gradient(135deg,var(--accent-secondary),var(--accent-primary));border-radius:16px;place-items:center;width:60px;height:60px;font-size:1.2rem;font-weight:900;display:grid}.account-summary p,.account-summary small{color:var(--text-secondary);margin:.2rem 0;display:block}.preference-row>span{flex-direction:column;display:flex}.preference-row small{color:var(--text-secondary);margin-top:.2rem}@media (width<=900px){.school-class-grid,.curriculum-level-grid{grid-template-columns:1fr 1fr}.grading-row{grid-template-columns:1fr}.teacher-summary{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.school-class-grid,.curriculum-level-grid{grid-template-columns:1fr}}.sales-auth{color:#f8fafc;background:#08101f;min-height:100vh}.sales-nav{justify-content:space-between;align-items:center;max-width:1180px;height:74px;margin:auto;padding:0 1.5rem;display:flex}.sales-brand{color:#fff;align-items:center;gap:.7rem;display:flex}.sales-brand>span{background:linear-gradient(135deg,#16c7d9,#8b5cf6);border-radius:11px;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.sales-nav>div{gap:.6rem;display:flex}.sales-nav button{color:#d6deeb;border-radius:9px;padding:.65rem 1rem}.sales-nav .nav-cta{color:#fff;background:#7c3aed;font-weight:800}.sales-hero{grid-template-columns:1fr 1fr;align-items:center;gap:5rem;max-width:1180px;min-height:630px;margin:auto;padding:5rem 1.5rem;display:grid}.sales-kicker{color:#67e8f9;background:#06b6d41a;border:1px solid #06b6d438;border-radius:99px;align-items:center;gap:.4rem;padding:.45rem .7rem;font-size:.78rem;font-weight:800;display:inline-flex}.hero-copy h1{letter-spacing:-.055em;margin:1.3rem 0;font-size:clamp(3.1rem,6vw,5.3rem);line-height:.95}.hero-copy>p{color:#9aaac2;max-width:570px;font-size:1.18rem;line-height:1.75}.hero-actions{align-items:center;gap:1rem;margin:2rem 0 1rem;display:flex}.hero-actions button{color:#fff;background:linear-gradient(135deg,#7c3aed,#8b5cf6);border-radius:10px;padding:.9rem 1.3rem;font-weight:800;box-shadow:0 12px 35px #7c3aed4d}.hero-actions a{color:#d6deeb;border:1px solid #27354d;border-radius:10px;padding:.85rem 1.2rem}.hero-copy>small{color:#718198;align-items:center;gap:.4rem;display:flex}.product-preview{background:linear-gradient(145deg,#1b273f,#0d1627);border:1px solid #293850;border-radius:22px;padding:1.3rem;transform:perspective(900px)rotateY(-3deg);box-shadow:0 35px 90px #0000006b,0 0 70px #7c3aed1a}.preview-top{border-bottom:1px solid #2a374c;align-items:center;gap:.8rem;padding-bottom:1.2rem;display:flex}.preview-top>span{background:#7c3aed;border-radius:11px;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.preview-top>div{flex-direction:column;flex:1;display:flex}.preview-top small,.preview-lessons span{color:#8291a8}.preview-top>b{color:#fbbf24;background:#fbbf2417;border-radius:99px;padding:.4rem .6rem;font-size:.75rem}.preview-score{background:#ffffff09;border-radius:13px;margin:1.4rem 0;padding:1.1rem}.preview-score>strong{float:right;font-size:1.4rem}.preview-score>i{clear:both;background:#27344a;border-radius:99px;height:7px;margin-top:.8rem;display:block}.preview-score em{background:linear-gradient(90deg,#06b6d4,#8b5cf6);border-radius:99px;width:84%;height:100%;display:block}.preview-lessons{gap:.7rem;display:grid}.preview-lessons article{background:#ffffff06;border:1px solid #2a374c;border-radius:11px;justify-content:space-between;padding:1rem;display:flex}.trust-row{color:#7f8fa8;text-transform:uppercase;letter-spacing:.08em;border-block:1px solid #1c2940;justify-content:center;gap:clamp(1.5rem,6vw,5rem);padding:1.2rem;font-size:.78rem;font-weight:800;display:flex}.pricing-section{max-width:1050px;margin:auto;padding:7rem 1.5rem}.section-heading{text-align:center;max-width:650px;margin:0 auto 3rem}.section-heading h2{margin:.6rem 0;font-size:clamp(2.2rem,5vw,3.5rem)}.section-heading p{color:#8d9db4}.pricing-grid{grid-template-columns:repeat(2,1fr);gap:1.2rem;display:grid}.price-card{background:#101b2d;border:1px solid #26344b;border-radius:18px;padding:2rem;position:relative}.price-card.popular{border-color:#8b5cf6;box-shadow:0 0 45px #8b5cf61f}.popular-label{text-transform:uppercase;background:#7c3aed;border-radius:99px;padding:.3rem .6rem;font-size:.68rem;font-weight:800;position:absolute;top:1.2rem;right:1.2rem}.price-card>p{color:#8d9db4}.price{align-items:center;margin:1.5rem 0;display:flex}.price sup{font-size:1.2rem}.price strong{letter-spacing:-.05em;font-size:3.4rem}.price span{color:#718198;margin-left:.6rem;font-size:.72rem}.price-card ul{gap:.8rem;margin:1.5rem 0 2rem;list-style:none;display:grid}.price-card li{color:#c5d0df;align-items:center;gap:.6rem;display:flex}.price-card li svg{color:#34d399}.price-card>button{color:#fff;background:#7c3aed;border-radius:9px;width:100%;padding:.85rem;font-weight:800}.membership-auth{background:radial-gradient(circle at 0 0,#8b5cf621,#0000 45%),#101b2d;border:1px solid #29374d;border-radius:24px;grid-template-columns:1fr 440px;gap:5rem;max-width:1050px;margin:0 auto 7rem;padding:4.5rem;display:grid}.auth-promise h2{margin:.6rem 0;font-size:3rem}.auth-promise>p{color:#8d9db4;font-size:1.05rem;line-height:1.7}.auth-promise>div{gap:.8rem;margin-top:1.5rem;display:flex}.auth-promise>div>svg{color:#67e8f9}.auth-promise>div span{flex-direction:column;display:flex}.auth-promise small{color:#718198;margin-top:.2rem}.membership-form{box-shadow:none;background:#0b1424;border:1px solid #29374d;border-radius:16px;padding:1.8rem}.auth-tabs{background:#111e31;border-radius:9px;grid-template-columns:1fr 1fr;margin-bottom:1.5rem;padding:.25rem;display:grid}.auth-tabs button{color:#8291a8;border-radius:7px;padding:.65rem}.auth-tabs button.active{color:#fff;background:#24334b}.password-field{position:relative}.password-field input{width:100%;padding-right:3rem}.password-field button{color:#718198;position:absolute;top:50%;right:.7rem;transform:translateY(-50%)}.password-field svg{width:18px}.terms-check{align-items:flex-start;flex-direction:row!important}.terms-check input{width:16px;height:16px}.submit-membership{background:linear-gradient(135deg,#7c3aed,#8b5cf6)!important}.demo-login{text-align:center;color:#8190a7;background:#111e31;border-radius:8px;flex-direction:column;margin-top:1rem;padding:.8rem;font-size:.72rem;display:flex}.secure-note{color:#62728a;justify-content:center;align-items:center;gap:.35rem;margin-top:1rem;font-size:.72rem;display:flex}.sales-footer{color:#718198;border-top:1px solid #1c2940;align-items:center;gap:2rem;max-width:1180px;margin:auto;padding:2rem 1.5rem;display:flex}.sales-footer p{flex:1}.sales-footer>span{font-size:.78rem}@media (width<=850px){.sales-hero{grid-template-columns:1fr;padding-top:3rem}.product-preview{transform:none}.trust-row{justify-content:flex-start;padding-inline:1.5rem;overflow:auto}.trust-row span{white-space:nowrap}.membership-auth{grid-template-columns:1fr;gap:2rem;margin-inline:1rem;padding:2rem}.pricing-grid{grid-template-columns:1fr}.sales-nav{height:64px}.sales-nav>div button:first-child,.account-pill{display:none}}@media (width<=520px){.sales-hero{gap:2.5rem;padding-inline:1rem}.hero-copy h1{font-size:3.3rem}.hero-actions{flex-direction:column;align-items:stretch}.preview-top>b{display:none}.preview-lessons article{flex-direction:column;gap:.3rem}.pricing-section{padding-block:5rem}.membership-auth{padding:1.2rem}.auth-promise h2{font-size:2.2rem}.membership-form{padding:1.2rem}.sales-footer{flex-wrap:wrap}.sales-footer p{display:none}}.membership-gate{background:#08101f;place-items:center;min-height:100vh;padding:2rem;display:grid}.membership-gate>section{text-align:center;max-width:850px}.membership-gate h1{margin:1rem 0;font-size:clamp(2.5rem,6vw,4.5rem)}.membership-gate>section>p{color:#94a3b8}.gate-plans{grid-template-columns:repeat(2,1fr);gap:1rem;margin:2rem 0;display:grid}.gate-plans article{background:#101b2d;border:1px solid #29374d;border-radius:16px;padding:2rem}.gate-plans article>strong{margin:1rem;font-size:2rem;display:block}.gate-plans small{color:#94a3b8;font-size:.75rem}.gate-plans button,.portal-button{color:#fff;background:#7c3aed;border-radius:9px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.85rem;font-weight:800;display:flex}.portal-button{background:#1e293b;max-width:320px;margin:1rem auto}.membership-gate>section>small{color:#718198;justify-content:center;align-items:center;gap:.4rem;display:flex}.admin-page{padding:3rem 1.5rem}@media (width<=650px){.gate-plans{grid-template-columns:1fr}}.school-nav-link{color:#9fb0c8;align-items:center;padding:.65rem .8rem;font-size:.86rem;font-weight:700;display:flex}.solutions-section{max-width:1120px;margin:auto;padding:7rem 1.5rem 2rem}.solution-grid{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.solution-card{background:#101b2d;border:1px solid #293850;border-radius:22px;padding:2.4rem;position:relative;overflow:hidden}.solution-card:after{content:"";background:#8b5cf61c;border-radius:50%;width:230px;height:230px;position:absolute;top:-120px;right:-110px}.school-solution:after{background:#06b6d41f}.solution-icon{color:#c4b5fd;background:#8b5cf629;border-radius:16px;place-items:center;width:56px;height:56px;margin-bottom:1.4rem;display:grid}.school-solution .solution-icon{color:#67e8f9;background:#06b6d421}.solution-label{letter-spacing:.11em;text-transform:uppercase;color:#a78bfa;font-size:.72rem;font-weight:900}.school-solution .solution-label{color:#67e8f9}.solution-card h3{margin:.55rem 0;font-size:clamp(1.8rem,3vw,2.4rem)}.solution-card>p{color:#94a3b8;max-width:510px;line-height:1.7}.solution-card ul{gap:.8rem;margin:1.6rem 0 2rem;list-style:none;display:grid}.solution-card li{color:#d6deeb;align-items:center;gap:.6rem;display:flex}.solution-card li svg{color:#34d399;width:18px}.solution-card>button{color:#fff;background:#7c3aed;border-radius:10px;justify-content:space-between;align-items:center;width:100%;padding:.9rem 1rem;font-weight:850;display:flex}.school-solution>button{background:#0891b2}.solution-card>button svg{width:19px}.school-flow{color:#94a3b8;justify-content:center;align-items:center;gap:1rem;margin:2.5rem auto 0;display:flex}.school-flow span{align-items:center;gap:.55rem;display:flex}.school-flow strong{color:#67e8f9;background:#1e293b;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.school-flow i{background:#334155;width:55px;height:1px}@media (width<=850px){.solution-grid{grid-template-columns:1fr}.school-flow{flex-direction:column;align-items:flex-start;margin-left:1rem}.school-flow i{width:1px;height:20px;margin-left:14px}.school-nav-link{display:none}}@media (width<=520px){.solutions-section{padding:5rem 1rem 1rem}.solution-card{padding:1.5rem}}.renewal-price{background:#8b5cf614;border-radius:9px;padding:.7rem .8rem;font-size:.86rem;color:#c4b5fd!important;margin-top:-.7rem!important}.quote-price{flex-direction:column;justify-content:center;min-height:92px;margin:1.5rem 0;display:flex}.quote-price strong{font-size:3rem;line-height:1}.quote-price span{color:#718198;margin-top:.45rem}.school-price-card{border-color:#06b6d473}.school-price-card .popular-label,.school-price-card>button{background:#0891b2}.school-quote-section{background:radial-gradient(circle at 0 0,#06b6d421,#0000 45%),#101b2d;border:1px solid #29445a;border-radius:24px;grid-template-columns:.85fr 1.15fr;gap:3rem;max-width:1050px;margin:0 auto 7rem;padding:3rem;display:grid}.quote-copy h2{margin:.6rem 0;font-size:clamp(2rem,4vw,3.2rem)}.quote-copy>p{color:#94a3b8;line-height:1.7}.quote-bundles{gap:.6rem;margin-top:1.5rem;display:grid}.quote-bundles span{color:#94a3b8;background:#ffffff0a;border-radius:9px;padding:.7rem .8rem}.quote-bundles strong{color:#67e8f9;min-width:75px;display:inline-block}.school-quote-form{background:#0b1424;border:1px solid #29374d;border-radius:16px;gap:1rem;padding:1.5rem;display:grid}.quote-fields{grid-template-columns:1fr 1fr;gap:.8rem;display:grid}.school-quote-form label{color:#aab8cb;flex-direction:column;gap:.4rem;font-size:.82rem;display:flex}.school-quote-form label small{color:#64748b;display:inline}.school-quote-form input,.school-quote-form select,.school-quote-form textarea{color:#fff;background:#101b2d;border:1px solid #29374d;border-radius:9px;width:100%;padding:.8rem .9rem}.school-quote-form textarea{resize:vertical}.school-quote-form>button{color:#fff;background:#0891b2;border-radius:9px;justify-content:center;align-items:center;gap:.5rem;padding:.9rem;font-weight:850;display:flex}.school-quote-form>button:disabled{opacity:.6}.school-quote-form>small{color:#64748b;line-height:1.5}.quote-status{color:#a7f3d0;background:#10b9811a;border-radius:8px;margin:0;padding:.75rem}@media (width<=850px){.school-quote-section{grid-template-columns:1fr;margin-inline:1rem;padding:2rem}}@media (width<=520px){.school-quote-section{padding:1.2rem}.quote-fields{grid-template-columns:1fr}}.landing-language{min-width:44px;color:#67e8f9!important;border:1px solid #31415a!important;font-weight:900!important}.auth-only-page{color:#fff;background:radial-gradient(circle at 15% 10%,#06b6d41a,#0000 32%),radial-gradient(circle at 90% 85%,#8b5cf621,#0000 38%),#08101f;min-height:100vh;padding:1.5rem}.auth-only-page>header{justify-content:space-between;align-items:center;max-width:1050px;margin:auto;display:flex}.auth-only-page .sales-brand{background:0 0;border:0}.auth-only-card{margin-top:clamp(2rem,7vh,6rem);margin-bottom:2rem}.back-to-landing{color:#94a3b8;align-items:center;gap:.4rem;margin-bottom:2rem;font-size:.85rem;display:flex}.back-to-landing svg{width:17px}.auth-forgot{color:#67e8f9;width:100%;padding:.7rem;font-size:.85rem}.auth-only-card .auth-promise>.back-to-landing{margin-top:0}@media (width<=850px){.auth-only-page{padding:1rem}.auth-only-card{margin-inline:0}}.auth-only-card .auth-forgot{color:#67e8f9!important;background:0 0!important;border-radius:6px!important;width:auto!important;margin:.35rem auto 0!important;padding:.45rem .3rem!important;font-size:.84rem!important;font-weight:700!important}.auth-only-card .auth-forgot:hover{text-decoration:underline;color:#a5f3fc!important}.membership-form input:-webkit-autofill{transition:background-color 9999s ease-out;-webkit-text-fill-color:#f8fafc!important;caret-color:#f8fafc!important;border-color:#34445d!important;box-shadow:inset 0 0 0 1000px #101b2d!important}.membership-form input:-webkit-autofill:hover{transition:background-color 9999s ease-out;-webkit-text-fill-color:#f8fafc!important;caret-color:#f8fafc!important;border-color:#34445d!important;box-shadow:inset 0 0 0 1000px #101b2d!important}.membership-form input:-webkit-autofill:focus{transition:background-color 9999s ease-out;-webkit-text-fill-color:#f8fafc!important;caret-color:#f8fafc!important;border-color:#34445d!important;box-shadow:inset 0 0 0 1000px #101b2d!important}.membership-form input{color:#f8fafc!important;background:#101b2d!important}.membership-form input::placeholder{color:#64748b}.auth-only-card .auth-forgot{display:block!important}.sales-brand>strong{flex-direction:column;line-height:1.05;display:flex}.sales-brand>strong>small{color:#7f8fa8;letter-spacing:.06em;text-transform:uppercase;margin-top:.25rem;font-size:.58rem;font-weight:700}.zigi-payment-panel{text-align:left;background:#064e3b29;border:1px solid #34d39959;border-radius:16px;margin:2rem 0;padding:1.5rem}.zigi-payment-heading{grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;display:grid}.zigi-payment-heading>span{color:#fff;background:#14b86e;border-radius:14px;place-items:center;width:46px;height:46px;font-size:1.5rem;font-weight:900;display:grid}.zigi-payment-heading small{color:#6ee7b7}.zigi-payment-heading h2{margin:.15rem 0}.zigi-payment-heading>strong{color:#a7f3d0;font-size:1.35rem}.zigi-payment-panel ol{color:#cbd5e1;gap:.55rem;margin:1.3rem 0;display:grid}.zigi-payment-panel>a,.zigi-payment-panel form>button{color:#fff;background:#14b86e;border-radius:9px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.85rem;font-weight:850;display:flex}.zigi-payment-panel form{grid-template-columns:1fr auto;align-items:end;gap:.75rem;margin-top:1rem;display:grid}.zigi-payment-panel label{color:#cbd5e1;gap:.4rem;display:grid}.zigi-payment-panel input{color:#fff;background:#0b1424;border:1px solid #365361;border-radius:9px;width:100%;padding:.85rem}.zigi-payment-panel form>button{width:auto}.zigi-payment-panel>p{color:#94a3b8;align-items:center;gap:.4rem;font-size:.82rem;display:flex}.zigi-success,.zigi-error{border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:1rem;display:flex}.zigi-success{color:#a7f3d0;background:#10b9811f}.zigi-error{color:#fecaca;background:#ef44441f}@media (width<=650px){.zigi-payment-heading{grid-template-columns:auto 1fr}.zigi-payment-heading>strong{grid-column:1/-1}.zigi-payment-panel form{grid-template-columns:1fr}}.zigi-payee{color:#d1fae5!important;justify-content:center!important;margin:1rem 0!important;font-size:.95rem!important}.zigi-qr{text-align:center;background:#fff;border-radius:16px;max-width:340px;margin:1.25rem auto;padding:.65rem}.zigi-qr img{border-radius:10px;width:100%;height:auto;display:block}.zigi-qr figcaption{color:#064e3b;text-transform:uppercase;letter-spacing:.06em;padding:.6rem .25rem .15rem;font-size:.8rem;font-weight:850}.student-layout{background:var(--bg-primary);min-height:100vh}.student-topbar{z-index:50;justify-content:space-between;align-items:center;height:72px;padding:0 2rem;display:flex;position:sticky;top:0;border-width:0 0 1px!important;border-radius:0!important}.brand{color:#fff;align-items:center;gap:.7rem;font-size:1rem;display:flex}.brand>span,.welcome-mark{background:linear-gradient(135deg,var(--accent-secondary),var(--accent-primary));color:#fff;border-radius:12px;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.student-nav{gap:.35rem;display:flex}.student-nav a{color:var(--text-secondary);border-radius:10px;align-items:center;gap:.45rem;padding:.55rem .85rem;display:flex;position:relative}.student-nav a.active{color:#fff;background:#8b5cf62e}.student-nav i{background:var(--error);border-radius:50%;width:7px;height:7px;position:absolute;top:5px;right:5px}.top-actions{align-items:center;gap:.55rem;display:flex}.stat-pill{color:#fbbf24;background:#ffffff0f;border-radius:99px;align-items:center;gap:.35rem;padding:.4rem .7rem;font-weight:700;display:flex}.language-toggle,.icon-action{color:var(--text-secondary);background:#ffffff0d;border-radius:9px;padding:.5rem}.language-toggle:hover,.icon-action:hover{color:#fff;background:#ffffff1a}.student-main{background-image:radial-gradient(circle at 50% 0,#8b5cf621,#0000 42%);min-height:calc(100vh - 72px);padding:2.5rem}.mobile-nav{display:none}@media (width<=760px){.student-topbar{height:62px;padding:0 1rem}.brand strong,.student-nav,.top-actions .stat-pill:first-child{display:none}.student-main{min-height:calc(100vh - 62px);padding:1.25rem 1rem 6rem}.mobile-nav{border-top:1px solid var(--border-color);z-index:60;background:#111b30;justify-content:space-around;height:66px;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav a{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:.2rem;font-size:.72rem;display:flex}.mobile-nav svg{width:20px}.mobile-nav a.active{color:var(--accent-secondary)}}.teacher-layout{background-color:var(--bg-primary);width:100vw;height:100vh;display:flex;overflow:hidden}.sidebar{border-right:var(--glass-border);z-index:10;border-top:none;border-bottom:none;border-left:none;border-radius:0;flex-direction:column;width:280px;height:100%;padding:1.5rem;display:flex}.sidebar-header{align-items:center;gap:.75rem;margin-bottom:2.5rem;padding:0 .5rem;display:flex}.sidebar-header h1{margin:0;font-size:1.5rem}.sidebar-nav{flex-direction:column;flex:1;gap:.5rem;display:flex}.nav-item{border-radius:var(--radius-md);color:var(--text-secondary);transition:var(--transition);align-items:center;gap:1rem;padding:.875rem 1rem;font-weight:500;text-decoration:none;display:flex}.nav-item:hover{color:var(--text-primary);background:#ffffff0d}.nav-item.active{color:#fff;border-left:3px solid var(--accent-primary);background:linear-gradient(90deg,#8b5cf633,#8b5cf60d)}.sidebar-footer{border-top:1px solid #ffffff1a;margin-top:auto;padding-top:1.5rem}.teacher-profile{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.profile-avatar{border-radius:var(--radius-sm);background:#ffffff1a;padding:.5rem;font-size:2rem}.profile-info{flex-direction:column;display:flex}.profile-name{color:var(--text-primary);font-weight:600}.profile-school{color:var(--text-secondary);font-size:.75rem}.logout-btn{border-radius:var(--radius-sm);width:100%;color:var(--error);transition:var(--transition);background:#ef44441a;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-weight:500;display:flex}.logout-btn:hover{background:#ef444433}.teacher-main{flex-direction:column;flex:1;display:flex;overflow:hidden}.topbar{border-bottom:var(--glass-border);z-index:5;border-top:none;border-left:none;border-right:none;border-radius:0;justify-content:space-between;align-items:center;height:70px;padding:0 2rem;display:flex}.search-bar{flex:1;max-width:400px}.search-bar input{border-radius:var(--radius-full);color:#fff;width:100%;transition:var(--transition);background:#0003;border:1px solid #ffffff1a;outline:none;padding:.6rem 1rem;font-family:inherit}.search-bar input:focus{border-color:var(--accent-primary);background:#0006}.teacher-breadcrumb{flex-direction:column;gap:.15rem;display:flex}.teacher-breadcrumb span{text-transform:uppercase;letter-spacing:.12em;color:var(--accent-secondary);font-size:.7rem;font-weight:800}.teacher-breadcrumb strong{color:var(--text-primary);font-size:1rem}.topbar-actions{align-items:center;gap:1.5rem;display:flex}.notification-bell{cursor:pointer;font-size:1.25rem;position:relative}.notification-bell .badge{background:var(--error);color:#fff;border-radius:var(--radius-full);padding:2px 6px;font-size:.6rem;font-weight:700;position:absolute;top:-8px;right:-8px}.content-scroll{flex:1;padding:2rem;overflow-y:auto}.page-header{margin-bottom:2rem}.page-header h2{margin-bottom:.5rem;font-size:2rem}.page-subtitle{color:var(--text-secondary)}@media (width<=800px){.teacher-layout{overflow:auto}.sidebar{width:88px;padding:1rem .6rem}.sidebar-header h1,.nav-item span,.profile-info,.logout-btn span{display:none}.sidebar-header,.nav-item{justify-content:center}.teacher-main{overflow:visible}.content-scroll{padding:1rem}.topbar{padding:0 1rem}.notification-bell{display:none}}.path-container{max-width:960px;margin:0 auto}.path-header{text-align:center;margin-bottom:2.8rem}.path-header h2{margin:.4rem 0 .7rem;font-size:clamp(2rem,5vw,3.2rem)}.path-header p{color:var(--text-secondary)}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--accent-secondary);font-size:.75rem;font-weight:800}.onboarding-banner{justify-content:space-between;align-items:center;max-width:900px;margin:8vh auto;padding:clamp(2rem,6vw,5rem);display:flex;overflow:hidden}.onboarding-banner h2{max-width:600px;margin:.5rem 0 1rem;font-size:clamp(2rem,5vw,3.5rem)}.onboarding-banner p{color:var(--text-secondary);max-width:560px;margin-bottom:1.5rem}.onboarding-banner button,.review-card button{background:var(--accent-primary);color:#fff;border-radius:10px;padding:.8rem 1.2rem;font-weight:700}.onboarding-banner>svg{color:var(--accent-primary);opacity:.5}.cefr-roadmap{flex-direction:column;gap:1.25rem;display:flex}.cefr-unit{border:1px solid var(--border-color);border-left:4px solid var(--level-color);background:#1e293ba3;border-radius:18px;padding:1.5rem}.cefr-unit>header{justify-content:space-between;align-items:center;margin-bottom:1.1rem;display:flex}.cefr-unit>header>div{align-items:center;gap:1rem;display:flex}.cefr-unit h3{margin:0 0 .25rem}.cefr-unit p{color:var(--text-secondary);font-size:.88rem}.level-label{background:color-mix(in srgb,var(--level-color) 22%,transparent);width:48px;height:48px;color:var(--level-color);border-radius:13px;place-items:center;font-weight:900;display:grid}.lesson-grid{grid-template-columns:repeat(5,1fr);gap:.65rem;display:grid}.lesson-tile{border:1px solid var(--border-color);color:#fff;text-align:left;background:#ffffff06;border-radius:13px;flex-direction:column;align-items:flex-start;gap:.65rem;min-height:112px;padding:1rem;display:flex}.lesson-tile:hover:not(:disabled){border-color:var(--level-color);transform:translateY(-2px)}.lesson-tile:disabled{opacity:.4;cursor:not-allowed}.lesson-tile.complete{background:color-mix(in srgb,var(--level-color) 8%,transparent)}.lesson-icon{color:var(--level-color)}.lesson-tile span:last-child{flex-direction:column;display:flex}.lesson-tile small{color:var(--text-secondary);margin-top:.25rem}.a1-collapse-controls{border:1px solid var(--border-color);color:var(--text-secondary);background:#1e293b73;border-radius:13px;justify-content:space-between;align-items:center;gap:1rem;margin:1.25rem 0 .85rem;padding:.8rem 1rem;font-size:.86rem;display:flex}.a1-collapse-controls>div,.module-header-actions{align-items:center;gap:.65rem;display:flex}.a1-collapse-controls button,.collapse-toggle{border:1px solid var(--border-color);color:var(--text-primary);background:#ffffff0a;border-radius:9px;font-weight:750}.a1-collapse-controls button{padding:.55rem .8rem}.a1-collapse-controls button:hover,.collapse-toggle:hover{border-color:var(--accent-secondary);color:var(--accent-secondary)}.collapse-toggle{place-items:center;width:38px;height:38px;display:grid}.cefr-unit.is-collapsed{padding-block:1rem}.cefr-unit.is-collapsed>header{margin-bottom:0}.module-header-actions>span{color:var(--text-secondary);white-space:nowrap;font-size:.88rem}.level-group{border:1px solid var(--border-color);border-left:5px solid var(--level-color);background:linear-gradient(145deg,#22c55e17,#0f172ac7);border-radius:22px;overflow:hidden}.level-group-header{justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem;display:flex}.level-group-header>div:first-child{align-items:center;gap:1rem;display:flex}.level-group-header h3{margin:.2rem 0;font-size:1.45rem}.level-group-header p{color:var(--text-secondary);font-size:.9rem}.level-progress{white-space:nowrap;grid-template-columns:auto auto;place-items:center end;gap:.1rem .7rem;display:grid}.level-progress strong{font-size:1.05rem}.level-progress span{color:var(--text-secondary);font-size:.76rem}.level-progress .level-toggle{grid-area:1/2/span 2}.a1-level-content{border-top:1px solid var(--border-color);padding:0 1rem 1rem}.a1-submodule-list{flex-direction:column;gap:.75rem;display:flex}.cefr-unit.a1-submodule{background:#0f172a94;border-left-width:3px;border-radius:14px;padding:1rem 1.15rem}.a1-submodule .module-number{color:#86efac;background:#22c55e21;border-radius:10px;flex:none;place-items:center;width:36px;height:36px;font-weight:900;display:grid}.a1-submodule>header{margin-bottom:.85rem}.a1-submodule.is-collapsed>header{margin-bottom:0}.a1-submodule .lesson-grid{grid-template-columns:repeat(4,1fr)}.higher-levels{margin-top:1.25rem}.a1-certificate-link{color:#f4cf78;background:#c6a75e1a;border-top:1px solid #c6a75e4d;border-bottom:1px solid #c6a75e4d;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.75rem;font-weight:850;display:flex}@media (width<=800px){.lesson-grid,.a1-submodule .lesson-grid{grid-template-columns:repeat(2,1fr)}.lesson-tile:last-child{grid-column:span 2}.onboarding-banner>svg{display:none}.cefr-unit>header,.cefr-unit>header>div{align-items:flex-start}.level-label{flex:none}.a1-collapse-controls{flex-direction:column;align-items:flex-start}.module-header-actions{flex-direction:column;align-items:flex-end}.level-group-header{align-items:flex-start}.level-progress{grid-template-columns:1fr auto}.level-group-header p{max-width:430px}}@media (width<=600px){.level-group-header>div:first-child{align-items:flex-start}.level-group-header{flex-direction:column}.level-progress{justify-items:start;width:100%}.level-progress .level-toggle{justify-self:end}.a1-level-content{padding-inline:.65rem}.cefr-unit.a1-submodule{padding:.85rem}.a1-submodule>header{gap:.75rem}}.track-setup{text-align:center;max-width:900px;margin:5vh auto;padding:clamp(1.5rem,5vw,3.5rem)}.track-setup h2{margin:.6rem 0;font-size:clamp(2rem,5vw,3rem)}.track-setup>p{color:var(--text-secondary);max-width:680px;margin:0 auto 1.5rem;line-height:1.7}.track-options{grid-template-columns:repeat(3,1fr);gap:1rem;margin:2rem 0;display:grid}.track-options button{text-align:left;color:#fff;border:1px solid var(--border-color);background:#ffffff09;border-radius:15px;flex-direction:column;align-items:flex-start;gap:.65rem;padding:1.4rem;display:flex}.track-options button:hover{border-color:var(--accent-primary);transform:translateY(-2px)}.track-options svg{color:var(--accent-secondary)}.track-options span,.track-setup small{color:var(--text-secondary);line-height:1.5}.change-track{color:var(--accent-secondary);margin-top:1rem;font-weight:700}.cefr-unit>header>div>div h3{font-size:1.05rem}@media (width<=700px){.track-options{grid-template-columns:1fr}}.cefr-unit.module-locked{opacity:.62}.lesson-tile.needs-review{background:#f59e0b0f;border-color:#f59e0b73}.lesson-tile.needs-review .lesson-icon{color:#fbbf24}.level-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;display:grid}.level-entry-card{border:1px solid var(--border-color);border-top:4px solid var(--level-color);background:linear-gradient(145deg,color-mix(in srgb,var(--level-color) 10%,transparent),#0f172ae0);border-radius:20px;padding:1.65rem;position:relative;overflow:hidden}.level-entry-card:before{content:"";background:var(--level-color);filter:blur(70px);opacity:.12;border-radius:50%;width:180px;height:180px;position:absolute;top:-90px;right:-80px}.level-entry-top{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.level-entry-badge{background:color-mix(in srgb,var(--level-color) 20%,transparent);width:58px;height:58px;color:var(--level-color);border-radius:16px;place-items:center;font-size:1.35rem;font-weight:900;display:grid}.level-entry-status{color:var(--level-color);align-items:center;gap:.35rem;font-weight:850;display:flex}.level-entry-card h3{margin:.35rem 0;font-size:1.8rem}.level-entry-card>p{min-height:48px;color:var(--text-secondary);line-height:1.55}.level-entry-facts{grid-template-columns:repeat(3,1fr);gap:.5rem;margin:1.4rem 0;display:grid}.level-entry-facts span{color:var(--text-secondary);background:#ffffff09;border-radius:10px;flex-direction:column;padding:.7rem;font-size:.72rem;display:flex}.level-entry-facts strong{color:#fff;font-size:1rem}.level-entry-progress{background:#ffffff14;border-radius:99px;height:7px;margin-bottom:.5rem;overflow:hidden}.level-entry-progress i{border-radius:inherit;background:var(--level-color);height:100%;display:block}.level-entry-card>small{color:var(--text-secondary)}.level-entry-card>button{background:var(--level-color);color:#07111f;border-radius:11px;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:1.25rem;padding:.85rem;font-weight:900;display:flex}.level-entry-card>button:disabled{color:var(--text-secondary);background:#ffffff14}.level-entry-locked{opacity:.72}.future-levels{border:1px dashed var(--border-color);color:var(--text-secondary);border-radius:16px;align-items:center;gap:1rem;margin-top:1.25rem;padding:1.25rem;display:flex}.future-levels strong{color:var(--text-primary)}.future-levels p{margin-top:.2rem;font-size:.86rem}.level-course-page{max-width:1120px;margin:0 auto}.level-back{color:var(--text-secondary);align-items:center;gap:.45rem;margin-bottom:1rem;font-weight:750;display:flex}.level-back:hover{color:var(--level-color)}.level-course-hero{border:1px solid var(--border-color);border-top:4px solid var(--level-color);background:linear-gradient(140deg,color-mix(in srgb,var(--level-color) 11%,transparent),#0f172adb);border-radius:22px;justify-content:space-between;align-items:center;gap:2rem;padding:clamp(1.4rem,4vw,2.4rem);display:flex}.level-course-title{align-items:center;gap:1.25rem;display:flex}.level-course-badge{background:color-mix(in srgb,var(--level-color) 20%,transparent);width:78px;height:78px;color:var(--level-color);border-radius:20px;flex:none;place-items:center;font-size:1.9rem;font-weight:950;display:grid}.level-course-title h1{margin:.25rem 0;font-size:clamp(1.9rem,4vw,2.8rem)}.level-course-title p{color:var(--text-secondary)}.level-course-summary{text-align:right;min-width:205px}.level-course-summary>strong{color:var(--level-color);font-size:2rem;display:block}.level-course-summary>span{color:var(--text-secondary);font-size:.8rem}.level-course-summary>div{background:#ffffff14;border-radius:99px;height:8px;margin-top:.65rem;overflow:hidden}.level-course-summary i{background:var(--level-color);height:100%;display:block}.level-course-intro{grid-template-columns:repeat(4,1fr);gap:.75rem;margin:1rem 0 1.5rem;display:grid}.level-course-intro>div{border:1px solid var(--border-color);background:#1e293b8c;border-radius:13px;flex-direction:column;padding:1rem;display:flex}.level-course-intro strong{font-size:1.1rem}.level-course-intro span{color:var(--text-secondary);font-size:.78rem}.level-module-list{flex-direction:column;gap:1rem;display:flex}.level-module-card{border:1px solid var(--border-color);border-left:4px solid var(--level-color);background:#1e293b9e;border-radius:17px;padding:1.25rem}.level-module-card>header{grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;margin-bottom:1rem;display:grid}.level-module-card .module-number{background:color-mix(in srgb,var(--level-color) 18%,transparent);width:42px;height:42px;color:var(--level-color);border-radius:12px;place-items:center;font-weight:900;display:grid}.module-kicker{color:var(--level-color);text-transform:uppercase;letter-spacing:.1em;font-size:.7rem;font-weight:850}.level-module-card h2{margin:.15rem 0;font-size:1.18rem}.level-module-card header p{color:var(--text-secondary);font-size:.84rem}.module-score{text-align:right}.module-score strong{display:block}.module-score span{color:var(--text-secondary);font-size:.72rem}.level-module-card .lesson-grid{grid-template-columns:repeat(4,1fr)}.level-certificate-cta{color:#101827;background:#c6a75e;border-radius:13px;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:1.25rem;padding:1rem;font-weight:900;display:flex}@media (width<=850px){.level-card-grid{grid-template-columns:1fr}.level-course-hero{flex-direction:column;align-items:flex-start}.level-course-summary{text-align:left;width:100%}.level-course-intro,.level-module-card .lesson-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.level-course-title{align-items:flex-start}.level-course-badge{width:58px;height:58px;font-size:1.35rem}.level-module-card>header{grid-template-columns:auto 1fr}.module-score{text-align:left;grid-column:2}.level-module-card .lesson-grid{grid-template-columns:1fr}.level-module-card .lesson-tile:last-child{grid-column:auto}.level-entry-facts{grid-template-columns:1fr}}.module-card-actions{align-items:center;gap:.8rem;display:flex}.module-collapse-button{border:1px solid color-mix(in srgb,var(--level-color) 45%,var(--border-color));background:color-mix(in srgb,var(--level-color) 9%,transparent);color:var(--level-color);border-radius:9px;align-items:center;gap:.35rem;padding:.55rem .7rem;font-size:.75rem;font-weight:850;display:flex}.module-collapse-button:hover{background:color-mix(in srgb,var(--level-color) 16%,transparent)}.level-module-card.module-collapsed>header{margin-bottom:0}@media (width<=560px){.module-score{grid-column:auto}.module-card-actions{grid-column:2;justify-content:space-between}}.btn{border-radius:var(--radius-sm);transition:var(--transition);justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--accent-primary);color:#fff;box-shadow:var(--shadow-glow)}.btn-primary:hover:not(:disabled){background-color:var(--accent-hover);transform:translateY(-2px);box-shadow:0 4px 20px #8b5cf699}.btn-secondary{color:var(--accent-secondary);border:2px solid var(--accent-secondary);background-color:#0000}.btn-secondary:hover:not(:disabled){background-color:#06b6d41a;transform:translateY(-2px)}.btn-ghost{color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){color:var(--text-primary);background-color:#ffffff0d}.focus-page{max-width:760px;margin:3vh auto}.focus-card{padding:clamp(1.5rem,5vw,3.5rem)}.focus-card>h2{margin:1rem 0;font-size:clamp(1.6rem,4vw,2.4rem)}.focus-card>p{color:var(--text-secondary);margin-bottom:1.5rem}.question-meta{color:var(--text-secondary);justify-content:space-between;font-size:.85rem;font-weight:700;display:flex}.linear-progress{background:#ffffff14;border-radius:99px;height:6px;margin:1rem 0 2rem;overflow:hidden}.linear-progress i{background:linear-gradient(90deg,var(--accent-secondary),var(--accent-primary));border-radius:99px;height:100%;display:block}.answer-list{gap:.8rem;margin:1.5rem 0;display:grid}.answer-list button{text-align:left;border:1px solid var(--border-color);color:#fff;background:#ffffff0a;border-radius:12px;justify-content:space-between;align-items:center;padding:1rem 1.2rem;font-size:1rem;display:flex}.answer-list button:hover:not(:disabled),.answer-list button.selected{border-color:var(--accent-primary);background:#8b5cf61f}.answer-list button.correct{border-color:var(--success);color:#6ee7b7;background:#10b9811f}.answer-list button.incorrect{border-color:var(--error);color:#fca5a5;background:#ef44441a}.feedback{border-radius:10px;margin-bottom:1.2rem;padding:1rem}.feedback.good{color:#6ee7b7;background:#10b9811a}.feedback.bad{color:#fca5a5;background:#ef44441a}.reading-passage{border-left:3px solid var(--accent-secondary);background:#06b6d414;margin:1.5rem 0;padding:1.2rem;font-size:1.12rem;line-height:1.8}.listen-button{color:#fff;background:#06b6d429;border-radius:10px;align-items:center;gap:.5rem;margin:1.5rem 0;padding:.75rem 1rem;display:flex}.result-panel{text-align:center}.result-panel>svg{margin:auto}.result-level{background:linear-gradient(135deg,var(--accent-secondary),var(--accent-primary));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:4rem!important}.button-row{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.content-page{max-width:1050px;margin:0 auto}.page-heading{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.page-heading h2{margin:.35rem 0;font-size:2.4rem}.page-heading p{color:var(--text-secondary)}.count-badge,.level-orb{color:#c4b5fd;background:#8b5cf626;border:1px solid #8b5cf64d;border-radius:99px;padding:.65rem 1rem;font-weight:800}.level-orb{font-size:1.5rem}.empty-state{text-align:center;padding:4rem}.empty-state svg{margin:auto}.empty-state h3{margin-top:1rem}.empty-state p{color:var(--text-secondary)}.review-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.review-card{padding:1.5rem}.review-card h3{margin:1rem 0}.review-card p{color:var(--text-secondary);margin:.5rem 0}.skill-chip{color:var(--accent-secondary);text-transform:uppercase;font-size:.75rem;font-weight:800}.correct-copy{color:#6ee7b7!important}.review-card button{margin-top:1rem}.review-summary{gap:1rem;margin:-.75rem 0 1.5rem;display:flex}.review-summary span{color:var(--text-secondary);align-items:center;gap:.45rem;font-size:.85rem;display:flex}.review-card-meta{justify-content:space-between;align-items:center;gap:1rem;display:flex}.review-card-meta>span:last-child{color:var(--text-secondary);font-size:.78rem}.review-options{gap:.55rem;display:grid}.review-options button{text-align:left;border:1px solid var(--border-color);color:var(--text-primary);background:#ffffff08;border-radius:9px;margin:0;padding:.75rem}.review-options button.selected{border-color:var(--accent-primary);background:#8b5cf61f}.review-card .review-submit{background:var(--accent-primary);color:#fff;border-radius:9px;padding:.7rem 1rem;font-weight:800}.review-card .review-submit:disabled{opacity:.45}.review-feedback{border-radius:9px;margin-top:1rem;padding:.85rem}.review-feedback span{align-items:center;gap:.45rem;font-weight:800;display:flex}.review-feedback svg{width:18px}.review-feedback.correct{color:#6ee7b7;background:#10b9811a}.review-feedback.incorrect{color:#fca5a5;background:#ef44441a}.summary-grid{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1rem;display:grid}.summary-card{flex-direction:column;padding:1.5rem;display:flex}.summary-card strong{font-size:2rem}.summary-card span{color:var(--text-secondary)}.progress-layout{grid-template-columns:2fr 1fr;gap:1rem;margin-bottom:1rem;display:grid}.analytics-card{padding:1.5rem}.skill-row{grid-template-columns:100px 1fr 45px;align-items:center;gap:.8rem;margin:1.1rem 0;display:grid}.skill-row>div{background:#ffffff14;border-radius:99px;height:8px}.skill-row i{background:var(--accent-secondary);border-radius:99px;height:100%;display:block}.placement-level{color:var(--accent-primary);font-size:4rem;font-weight:900;display:block}.attempt-row{border-bottom:1px solid var(--border-color);justify-content:space-between;padding:.8rem 0;display:flex}.score-good{color:#6ee7b7}.score-low{color:#fca5a5}.graduation-card{background:linear-gradient(135deg,#8b5cf61a,#06b6d40f);margin-bottom:1rem}.graduation-card.complete{background:linear-gradient(135deg,#c6a75e21,#10b98112);border-color:#c6a75e73}.graduation-card>div:first-child{align-items:center;gap:1rem;display:flex}.graduation-card h3{margin:.25rem 0}.graduation-card p{color:var(--text-secondary)}.graduation-icon{color:#c4b5fd;background:#8b5cf624;border-radius:14px;flex:none;place-items:center;width:52px;height:52px;display:grid}.graduation-card.complete .graduation-icon{color:#f4cf78;background:#c6a75e24}.graduation-mini-progress{background:#ffffff14;border-radius:99px;height:8px;margin-top:1rem;overflow:hidden}.graduation-mini-progress i{background:linear-gradient(90deg,var(--accent-primary),var(--success));height:100%;display:block}@media (width<=700px){.review-grid,.progress-layout{grid-template-columns:1fr}.summary-grid{grid-template-columns:repeat(2,1fr)}.page-heading{align-items:flex-start}.page-heading h2{font-size:2rem}.focus-page{margin:0}.focus-card{border-radius:15px}.skill-row{grid-template-columns:85px 1fr 40px}}.lesson-writing{border:1px solid var(--border-color);color:#fff;width:100%;font:inherit;resize:vertical;background:#0003;border-radius:12px;margin:1rem 0 1.25rem;padding:1rem;line-height:1.7}.lesson-writing:focus{outline:2px solid var(--accent-primary);border-color:#0000}.placement-link{border:1px solid var(--accent-secondary);border-radius:9px;margin-top:1rem;padding:.6rem .8rem;font-weight:700;display:inline-block}.placement-link.secondary{border-color:var(--border-color);color:var(--text-secondary);margin-left:.5rem}.placement-results-page{gap:1rem;max-width:1050px;margin:0 auto;display:grid}.results-hero{justify-content:space-between;align-items:center;gap:2rem;padding:clamp(1.5rem,5vw,3rem);display:flex}.results-hero h2{margin:.6rem 0;font-size:clamp(2rem,5vw,3.3rem)}.results-hero h2 strong{color:var(--accent-primary)}.results-hero p{max-width:650px;color:var(--text-secondary);line-height:1.7}.score-ring{aspect-ratio:1;text-align:center;background:radial-gradient(circle at center,var(--bg-card) 58%,transparent 60%),conic-gradient(var(--accent-secondary),var(--accent-primary));border-radius:50%;flex:none;place-content:center;width:160px;display:grid;box-shadow:0 0 35px #8b5cf633}.score-ring strong{font-size:2.25rem}.score-ring span{color:var(--text-secondary);font-size:.85rem}.result-actions{flex-wrap:wrap;align-items:center;gap:.8rem;margin-top:1.5rem;display:flex}.secondary-action{border:1px solid var(--border-color);color:var(--text-secondary);border-radius:10px;align-items:center;gap:.4rem;padding:.75rem 1rem;display:inline-flex}.result-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.analytics-card h3{align-items:center;gap:.5rem;display:flex}.cefr-result-row{grid-template-columns:45px 1fr 35px;align-items:center;gap:.8rem;margin:1rem 0;display:grid}.cefr-result-row>div{background:#ffffff14;border-radius:99px;height:9px;overflow:hidden}.cefr-result-row i{background:linear-gradient(90deg,var(--accent-secondary),var(--accent-primary));border-radius:99px;height:100%;display:block}.recommendation-card>strong{color:#a7f3d0;margin:1rem 0;display:block}.recommendation-card p{color:var(--text-secondary);line-height:1.6}.recommendation-card ul{gap:.7rem;margin-top:1rem;display:grid}.recommendation-card li{color:var(--text-secondary);align-items:flex-start;gap:.5rem;display:flex}.recommendation-card li svg{color:var(--success);flex:none}.sixteen-week-plan>div{grid-template-columns:repeat(4,1fr);gap:.8rem;margin-top:1rem;display:grid}.sixteen-week-plan article{border:1px solid var(--border-color);background:#ffffff0a;border-radius:12px;padding:1rem}.sixteen-week-plan article span{color:var(--accent-secondary);text-transform:uppercase;font-size:.78rem;font-weight:800;display:block}.sixteen-week-plan article strong{margin:.5rem 0;display:block}.sixteen-week-plan article p{color:var(--text-secondary);font-size:.9rem;line-height:1.5}@media (width<=760px){.results-hero{flex-direction:column;align-items:flex-start}.score-ring{width:130px}.result-grid{grid-template-columns:1fr}.sixteen-week-plan>div{grid-template-columns:1fr 1fr}.placement-link.secondary{margin-left:0}}@media (width<=480px){.sixteen-week-plan>div{grid-template-columns:1fr}}.deep-lesson-page{gap:1rem;max-width:1050px;margin:0 auto;display:grid}.deep-lesson-header{justify-content:space-between;align-items:center;gap:1rem;padding:2rem;display:flex}.deep-lesson-header h2{margin:.5rem 0;font-size:clamp(2rem,5vw,3rem)}.deep-lesson-header p{color:var(--text-secondary)}.lesson-duration{white-space:nowrap;color:#a7f3d0;align-items:center;gap:.5rem;font-weight:800;display:flex}.lesson-agenda{grid-template-columns:repeat(5,1fr);gap:.5rem;display:grid}.lesson-agenda span{text-align:center;color:var(--text-secondary);background:#ffffff0a;border-radius:9px;padding:.7rem;font-size:.78rem}.deep-content-grid{grid-template-columns:2fr 1fr;gap:1rem;display:grid}.deep-teaching,.real-task{padding:1.7rem}.deep-teaching h3,.real-task h3{align-items:center;gap:.5rem;display:flex}.deep-teaching h4{margin:1.4rem 0 .6rem;font-size:1.35rem}.deep-teaching>p,.real-task p{color:var(--text-secondary);line-height:1.75}.pattern-list{gap:.6rem;margin:1rem 0;display:grid}.pattern-list code{border-left:3px solid var(--accent-secondary);color:#cffafe;font:inherit;background:#06b6d414;padding:.8rem 1rem}.deep-teaching aside{color:#fde68a;background:#f59e0b14;border-radius:10px;align-items:flex-start;gap:.6rem;margin-top:1rem;padding:1rem;display:flex}.vocab-grid{grid-template-columns:1fr 1fr;gap:.7rem;display:grid}.vocab-grid>div{border:1px solid var(--border-color);border-radius:10px;padding:1rem;display:grid}.vocab-grid strong{color:var(--accent-secondary)}.vocab-grid span{color:#cbd5e1;font-size:.85rem}.vocab-grid small{color:var(--text-secondary);margin-top:.5rem}.real-task>svg{color:var(--accent-primary);margin-bottom:1rem}.real-task>strong{margin-top:1rem;display:block}.writing-checklist{grid-template-columns:1fr 1fr;gap:.6rem;margin-top:1rem;display:grid}.writing-checklist span{color:#a7f3d0;background:#10b98114;border-radius:8px;padding:.7rem}.production-meta{color:var(--text-secondary);justify-content:space-between;gap:1rem;margin:-.7rem 0 1.2rem;font-size:.85rem;display:flex}.listen-button.recording{color:#fca5a5;background:#ef44442e}@media (width<=760px){.deep-lesson-header{flex-direction:column;align-items:flex-start}.lesson-agenda{grid-template-columns:1fr 1fr}.deep-content-grid,.vocab-grid{grid-template-columns:1fr}.production-meta{flex-direction:column}.writing-checklist{grid-template-columns:1fr}}.audio-controls{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.audio-controls .listen-button{margin:.8rem 0}.result-page-wide{max-width:900px}.skill-breakdown{text-align:left;gap:.65rem;margin:1.5rem 0 2rem;display:grid}.skill-breakdown>div{grid-template-columns:180px 1fr 48px;align-items:center;gap:.75rem;display:grid}.skill-breakdown span{color:var(--text-secondary);font-size:.88rem}.skill-breakdown>div>div{background:#ffffff14;border-radius:99px;height:8px;overflow:hidden}.skill-breakdown i{background:linear-gradient(90deg,var(--accent-secondary),var(--success));border-radius:99px;height:100%;display:block}@media (width<=560px){.skill-breakdown>div{grid-template-columns:110px 1fr 42px}}.speech-fallback{background:#f59e0b14;border-radius:9px;padding:.8rem;font-size:.88rem;color:#fde68a!important}.lesson-depth-summary{color:var(--text-secondary);background:#22c55e0f;border:1px solid #22c55e38;border-radius:11px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:.7rem;padding:.8rem 1rem;font-size:.8rem;display:grid}.lesson-depth-summary strong{color:#86efac;font-size:1.35rem}.lesson-depth-summary span:nth-child(n+3){white-space:nowrap;background:#ffffff0a;border-radius:99px;padding:.35rem .55rem}@media (width<=700px){.lesson-depth-summary{grid-template-columns:auto 1fr}.lesson-depth-summary span:nth-child(n+3){white-space:normal}}.spanish-support{color:#f8e7b4;background:#f4cf7814;border-left:3px solid #f4cf78;border-radius:8px;align-items:flex-start;gap:.65rem;margin:1rem 0;padding:.8rem 1rem;font-size:.88rem;display:flex}.spanish-support strong{white-space:nowrap}.spanish-support span{color:#d8cba7}.sound-recommendation{background:#8b5cf617;border:1px solid #8b5cf659;border-radius:12px;align-items:center;gap:.8rem;margin:1rem 0;padding:1rem;display:flex}.sound-recommendation>svg{color:#a78bfa;flex:none}.sound-recommendation>div{flex:1}.sound-recommendation p{color:var(--text-secondary);margin:.25rem 0 0}.sound-recommendation button{color:#fff;white-space:nowrap;background:#7c3aed;border-radius:8px;padding:.65rem .85rem;font-weight:800}@media (width<=620px){.sound-recommendation{flex-wrap:wrap;align-items:flex-start}.sound-recommendation button{width:100%}}.library-filters{gap:.7rem;margin-bottom:1.5rem;display:flex}.content-library-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.content-library-grid article>svg{color:var(--accent-primary);margin:1rem 0}.content-library-grid article>p{color:var(--text-secondary);min-height:52px}.content-library-grid article>small{color:var(--text-secondary);align-items:center;gap:.35rem;display:flex}.preference-row{border-bottom:1px solid var(--border-color);justify-content:space-between;padding:1rem 0;display:flex}.preference-row input{width:19px;height:19px;accent-color:var(--accent-primary)}.danger-button{color:#fca5a5;background:#ef44441f;border:1px solid #ef44444d;border-radius:8px;align-items:center;gap:.4rem;margin:1rem 0 0 .6rem;padding:.7rem 1rem;display:inline-flex}.delete-confirm{background:#ef44440f;border-radius:10px;margin-top:1rem;padding:1rem}.delete-confirm input{width:100%;margin:.8rem 0;display:block}.admin-tabs{background:#ffffff0a;border-radius:10px;gap:.4rem;width:max-content;margin-bottom:1.5rem;padding:.35rem;display:flex}.admin-tabs button{color:var(--text-secondary);border-radius:8px;padding:.65rem 1rem}.admin-tabs button.active{background:var(--accent-primary);color:#fff}.content-admin-list{gap:.7rem;max-height:680px;display:grid;overflow:auto}.content-admin-list article>div{gap:.7rem;display:flex}.content-admin-list button{color:var(--accent-secondary)}.content-admin-list .danger-text{color:#fca5a5}.legal-page{max-width:760px;margin:0 auto;padding:4rem 1.5rem 7rem}.legal-page>a{margin-bottom:3rem;display:block}.legal-page h1{margin:.8rem 0;font-size:clamp(2.5rem,7vw,4.5rem)}.legal-page>p{color:var(--text-secondary);margin-bottom:3rem}.legal-page section{border-top:1px solid var(--border-color);padding:1.3rem 0}.legal-page section h2{font-size:1.25rem}.legal-page section p{color:var(--text-secondary);line-height:1.8}.feedback-fields{grid-template-columns:1fr 1fr;gap:1rem;margin:1rem 0;display:grid}.feedback-fields label{color:var(--text-secondary);gap:.4rem;display:grid}.feedback-form textarea{width:100%;margin-bottom:1rem}.success-message{color:#86efac;margin-top:.8rem}.feedback-item{border-top:1px solid var(--border-color);padding:1rem 0}.feedback-item header{justify-content:space-between;gap:1rem;display:flex}.feedback-item header strong{color:#fbbf24;letter-spacing:.12rem}.feedback-item header span,.feedback-item small{color:var(--text-secondary)}.feedback-item p{line-height:1.6}@media (width<=850px){.content-library-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=550px){.content-library-grid{grid-template-columns:1fr}.library-filters{flex-direction:column}.admin-tabs{width:100%;overflow:auto}.admin-tabs button{white-space:nowrap}.feedback-fields{grid-template-columns:1fr}.feedback-item header{flex-direction:column}}.quote-admin-heading{justify-content:space-between;align-items:center;margin-bottom:1.2rem;display:flex}.quote-admin-heading h3{margin:.3rem 0;font-size:1.6rem}.quote-admin-heading>strong{color:#67e8f9}.quote-admin-list{gap:1rem;display:grid}.quote-admin-card{border:1px solid var(--border-color);background:#ffffff06;border-radius:14px;padding:1.2rem}.quote-admin-card header{grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;display:grid}.quote-admin-card header>div:nth-child(2){flex-direction:column;display:flex}.quote-admin-card header span,.quote-admin-card>p{color:var(--text-secondary)}.quote-admin-card select{border:1px solid var(--border-color);color:#fff;background:#101a2e;border-radius:8px;padding:.55rem .7rem}.quote-school-icon{color:#67e8f9;background:#06b6d41f;border-radius:11px;place-items:center;width:42px;height:42px;display:grid}.quote-metrics{flex-wrap:wrap;gap:.6rem;margin:1rem 0;display:flex}.quote-metrics span{color:#94a3b8;background:#ffffff0a;border-radius:8px;align-items:center;gap:.35rem;padding:.45rem .65rem;display:flex}.quote-metrics svg{width:15px}.quote-admin-card footer{border-top:1px solid var(--border-color);color:#94a3b8;flex-wrap:wrap;align-items:center;gap:1rem;padding-top:.9rem;display:flex}.quote-admin-card footer a{color:#67e8f9;align-items:center;gap:.35rem;display:flex}.quote-admin-card footer svg{width:16px}@media (width<=620px){.quote-admin-card header{grid-template-columns:auto 1fr}.quote-admin-card header select{grid-column:1/-1}.quote-admin-heading{flex-direction:column;align-items:flex-start}}.launch-readiness{margin-bottom:1.5rem}.launch-readiness>header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.2rem;display:flex}.launch-readiness h3{margin:.3rem 0;font-size:1.6rem}.launch-readiness header p,.readiness-check p{color:var(--text-secondary)}.launch-status{white-space:nowrap;border-radius:999px;padding:.55rem .75rem;font-weight:700}.launch-status.blocked{color:#fca5a5;background:#ef44441f}.launch-status.ready{color:#86efac;background:#22c55e1f}.readiness-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.readiness-check{border:1px solid var(--border-color);background:#ffffff06;border-radius:12px;align-items:flex-start;gap:.7rem;padding:1rem;display:flex}.readiness-check svg{flex:0 0 20px;width:20px}.readiness-check.ready svg{color:#4ade80}.readiness-check.warning svg{color:#fbbf24}.readiness-check.blocked svg{color:#f87171}.readiness-check p{margin:.3rem 0 0;line-height:1.45}@media (width<=700px){.readiness-grid{grid-template-columns:1fr}.launch-readiness>header{flex-direction:column}}.zigi-admin-list{gap:.75rem;display:grid}.zigi-admin-payment{border:1px solid var(--border-color);background:#ffffff06;border-radius:12px;grid-template-columns:1.2fr .75fr auto;align-items:center;gap:1rem;padding:1rem;display:grid}.zigi-admin-payment>div{flex-direction:column;gap:.25rem;display:flex}.zigi-admin-payment span,.zigi-admin-payment small{color:var(--text-secondary)}.zigi-admin-payment code{color:#a7f3d0;background:#0b1424;border-radius:6px;width:max-content;padding:.3rem .45rem}.payment-review-status{text-transform:uppercase;border-radius:999px;padding:.35rem .55rem;font-size:.72rem;font-weight:850}.payment-review-status.pending{color:#fde68a;background:#fbbf241f}.payment-review-status.approved{color:#86efac;background:#22c55e1f}.payment-review-status.rejected{color:#fca5a5;background:#ef44441f}.zigi-admin-payment footer{border-top:1px solid var(--border-color);grid-column:1/-1;justify-content:flex-end;gap:.6rem;padding-top:.7rem;display:flex}.zigi-admin-payment footer button{border-radius:8px;padding:.6rem .8rem;font-weight:750}.approve-payment{color:#fff;background:#14b86e}.reject-payment{color:#fca5a5;background:#ef44441f}@media (width<=720px){.zigi-admin-payment{grid-template-columns:1fr}.zigi-admin-payment footer{justify-content:stretch}.zigi-admin-payment footer button{flex:1}}.certificate-page{max-width:1050px;margin:0 auto}.certificate-actions{justify-content:flex-end;gap:.7rem;margin-bottom:1rem;display:flex}.a1-certificate{text-align:center;color:#142033;background:radial-gradient(circle at 50% 0,#c6a75e26,#0000 38%),#f8f5ec;border:10px double #c6a75e;min-height:650px;padding:clamp(2rem,7vw,5.5rem);position:relative;overflow:hidden;box-shadow:0 25px 70px #00000059}.a1-certificate:before,.a1-certificate:after{content:"";border:2px solid #c6a75e59;width:180px;height:180px;position:absolute;transform:rotate(45deg)}.a1-certificate:before{top:-100px;left:-100px}.a1-certificate:after{bottom:-100px;right:-100px}.certificate-seal{color:#f4cf78;background:#142033;border-radius:50%;place-items:center;width:74px;height:74px;margin:0 auto 1rem;display:grid}.certificate-seal svg{width:38px;height:38px}.certificate-brand{letter-spacing:.22em;font-weight:950}.certificate-kicker{text-transform:uppercase;letter-spacing:.16em;color:#786b4c;margin-top:2rem;font-weight:800}.a1-certificate h1{color:#9a7525;margin:.5rem 0;font-family:Georgia,serif;font-size:clamp(3rem,8vw,5.5rem)}.certificate-copy{color:#465065;max-width:760px;margin:1.2rem auto;line-height:1.8}.a1-certificate h2{border-bottom:1px solid #c6a75e;margin:.8rem 0;padding-bottom:.65rem;font-family:Georgia,serif;font-size:clamp(2rem,6vw,3.6rem)}.certificate-evidence{color:#275d45;flex-wrap:wrap;justify-content:center;gap:1.4rem;margin:2rem 0;display:flex}.certificate-evidence span{align-items:center;gap:.35rem;font-weight:800;display:flex}.certificate-evidence svg{width:18px}.a1-certificate footer{border-top:1px solid #c6a75e;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:3rem;padding-top:1.5rem;display:grid}.a1-certificate footer div{flex-direction:column;display:flex}.a1-certificate footer span{text-transform:uppercase;letter-spacing:.1em;color:#786b4c;font-size:.72rem}.graduation-lock{text-align:center;max-width:760px;margin:5vh auto;padding:clamp(2rem,6vw,4rem)}.graduation-lock>svg{color:#f4cf78;margin:auto}.graduation-lock h2{margin:.7rem 0;font-size:clamp(2rem,5vw,3rem)}.graduation-lock>p{color:var(--text-secondary);line-height:1.7}.graduation-progress{margin:2rem 0}.graduation-progress>div{background:#ffffff14;border-radius:99px;height:12px;margin-bottom:.7rem;overflow:hidden}.graduation-progress i{background:linear-gradient(90deg,var(--accent-secondary),var(--success));height:100%;display:block}.missing-lessons{text-align:left;background:#ffffff0a;border-radius:12px;gap:.5rem;margin:1.5rem 0;padding:1rem;display:grid}.missing-lessons span{color:var(--text-secondary);font-size:.9rem}@media (width<=650px){.a1-certificate footer{grid-template-columns:1fr}.certificate-actions{flex-direction:column;justify-content:stretch}.certificate-evidence{flex-direction:column;align-items:center}}@media print{body{background:#fff!important}.student-topbar,.mobile-nav,.certificate-actions{display:none!important}.student-main{padding:0!important}.a1-certificate{box-shadow:none;break-inside:avoid;min-height:95vh}.certificate-page{max-width:none}}.sound-lab-page,.sound-practice-page{max-width:1180px;margin:auto;padding:2.5rem 1.5rem 5rem}.sound-hero{border-radius:22px;justify-content:space-between;align-items:center;margin-bottom:1.3rem;padding:2.2rem;display:flex}.sound-hero h2{margin:.35rem 0;font-size:2.5rem}.sound-hero p{color:var(--muted);max-width:700px}.sound-hero svg{color:#67e8f9}.sound-roadmap-summary{border-radius:16px;grid-template-columns:auto minmax(180px,1fr) auto auto;align-items:center;gap:1.2rem;margin-bottom:1.4rem;padding:1.2rem 1.4rem;display:grid}.sound-roadmap-summary>div:first-child{align-items:baseline;gap:.5rem;display:flex}.sound-roadmap-summary>div:first-child strong{color:#67e8f9;font-size:1.8rem}.sound-roadmap-summary span,.sound-roadmap-summary p{color:var(--muted)}.sound-overall-progress,.stage-progress>div{background:#94a3b829;border-radius:99px;height:8px;overflow:hidden}.sound-overall-progress i,.stage-progress i{border-radius:inherit;background:linear-gradient(90deg,#06b6d4,#8b5cf6);height:100%;display:block}.route-complete{align-items:center;gap:.45rem;font-weight:800;display:flex;color:#86efac!important}.sound-stage-list{flex-direction:column;gap:1.2rem;display:flex}.sound-stage{border:1px solid var(--border);border-radius:20px;padding:1.35rem}.sound-stage>header{grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;margin-bottom:1.15rem;display:grid}.stage-number{color:#67e8f9;background:linear-gradient(135deg,#06b6d438,#8b5cf638);border-radius:14px;place-items:center;width:48px;height:48px;font-size:1.2rem;font-weight:900;display:grid}.stage-number svg{width:20px}.stage-copy small{color:#67e8f9;letter-spacing:.08em;font-size:.75rem;font-weight:900}.stage-copy h3{margin:.2rem 0;font-size:1.45rem}.stage-copy p{color:var(--muted);margin:0;line-height:1.45}.stage-progress{text-align:right;min-width:110px}.stage-progress strong{font-size:1.2rem}.stage-progress span{color:var(--muted);margin:.12rem 0 .5rem;font-size:.78rem;display:block}.sound-stage.locked{border-style:dashed}.stage-lock-note{color:var(--muted);background:#94a3b814;border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.9rem;display:flex}.stage-lock-note svg{flex:none;width:17px}.sound-unit-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.sound-unit{text-align:left;border:1px solid var(--border);color:inherit;background:#0f172a33;border-radius:16px;gap:1rem;padding:1.35rem;display:flex}.sound-unit:not(:disabled):hover{border-color:#67e8f98c;transform:translateY(-2px)}.sound-unit:disabled{opacity:.48;cursor:not-allowed}.sound-unit>span{color:#67e8f9;background:#06b6d421;border-radius:12px;flex:none;place-items:center;width:44px;height:44px;display:grid}.sound-unit small{color:#67e8f9;font-weight:800}.sound-unit h3{margin:.3rem 0}.sound-unit p{color:var(--muted);line-height:1.5}.sound-unit strong{color:#86efac}.sound-unit.complete{border-color:#34d39973}.sound-practice-header{border-radius:18px;margin-bottom:1rem;padding:1.7rem}.sound-practice-header button{color:#67e8f9}.sound-practice-header h2{margin:.5rem 0;font-size:2.1rem}.sound-practice-header>p{color:var(--muted)}.sound-practice-header aside{background:#8b5cf614;border-left:3px solid #8b5cf6;margin-top:1rem;padding:1rem;line-height:1.6}.sound-exercise{margin:auto;max-width:820px!important}.sound-exercise h3{margin:1.5rem 0;line-height:1.4}.speech-transcript{color:var(--muted);flex-direction:column;gap:.5rem;margin:1rem 0;display:flex}.speech-transcript input{border:1px solid var(--border);color:#fff;background:#0d1728;border-radius:10px;padding:1rem}@media (width<=760px){.sound-unit-grid{grid-template-columns:1fr}.sound-hero svg{display:none}.sound-roadmap-summary{grid-template-columns:1fr}.sound-stage>header{grid-template-columns:auto 1fr}.stage-progress{text-align:left;grid-column:1/-1}.sound-roadmap-summary .button{width:100%}}.saved-recording{background:#34d39912;border:1px solid #34d39959;border-radius:12px;gap:.65rem;margin:1rem 0;padding:1rem;display:grid}.saved-recording strong{color:#86efac}.saved-recording audio{width:100%;height:42px}.saved-recording a{color:#67e8f9;width:max-content;text-decoration:underline}.recording-warning{color:#fde68a;background:#f59e0b1a;border-radius:9px;margin:1rem 0;padding:.8rem}.phoneme-guide{margin-top:1.3rem}.phoneme-guide>h3{margin-bottom:.3rem}.phoneme-guide>p{color:var(--muted)}.phoneme-guide>div{grid-template-columns:repeat(2,1fr);gap:.8rem;margin-top:1rem;display:grid}.phoneme-guide article{border:1px solid var(--border);background:#ffffff06;border-radius:12px;padding:1rem}.phoneme-guide article header{justify-content:space-between;align-items:center;display:flex}.phoneme-guide code{color:#67e8f9;font-size:1.8rem}.phoneme-guide article header span{color:#c4b5fd;text-transform:uppercase;background:#8b5cf629;border-radius:99px;padding:.25rem .5rem;font-size:.75rem}.phoneme-guide article button{color:#fff;background:#0e7490;border-radius:8px;align-items:center;gap:.45rem;margin:.7rem 0;padding:.55rem .75rem;font-size:1rem;font-weight:800;display:flex}.phoneme-guide article small{color:#a5b4c8;display:block}.phoneme-guide article p{color:var(--muted);line-height:1.55}.phoneme-guide article strong{color:#fde68a;font-size:.85rem;line-height:1.45;display:block}@media (width<=650px){.phoneme-guide>div{grid-template-columns:1fr}}.sound-word-bank,.sound-sentence-bank{border-top:1px solid var(--border);margin-top:1rem;padding-top:.9rem}.sound-word-bank h4,.sound-sentence-bank h4{color:#cbd5e1;margin:0 0 .65rem;font-size:.82rem}.sound-word-bank>div{flex-wrap:wrap;gap:.45rem;display:flex}.phoneme-guide .sound-word-bank button{background:#0e74904d;margin:0;padding:.45rem .6rem;font-size:.82rem}.phoneme-guide .sound-word-bank button svg{width:15px}.phoneme-guide .sound-sentence-bank button{text-align:left;color:#e2e8f0;background:#8b5cf621;align-items:flex-start;width:100%;margin:.45rem 0 0;font-size:.84rem;line-height:1.4}.phoneme-guide .sound-sentence-bank button svg{flex:none;width:16px;margin-top:.05rem}.phoneme-guide>.sound-card-selector{grid-template-columns:repeat(4,minmax(110px,1fr));gap:.7rem;display:grid}.sound-card-selector>button{border:1px solid var(--border);color:inherit;text-align:left;background:#0f172a59;border-radius:12px;flex-direction:column;align-items:flex-start;gap:.2rem;padding:.85rem;display:flex}.sound-card-selector>button:hover,.sound-card-selector>button.active{background:#06b6d41c;border-color:#22d3ee;transform:translateY(-2px)}.sound-card-selector code{color:#67e8f9;font-size:1.55rem}.sound-card-selector strong{font-size:.95rem}.sound-card-selector span{color:var(--muted);text-transform:uppercase;font-size:.72rem}.phoneme-guide>.sound-detail-card{background:#0f172a52;border-color:#67e8f947;max-width:760px;margin:1rem auto 0;padding:1.25rem}@media (width<=760px){.phoneme-guide>.sound-card-selector{grid-template-columns:repeat(2,1fr)}}.pronunciation-level-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.pronunciation-level-card{border:1px solid var(--border);min-height:300px;color:inherit;text-align:left;border-radius:20px;flex-direction:column;padding:1.4rem;display:flex}.pronunciation-level-card:not(:disabled):hover{border-color:#67e8f98c;transform:translateY(-3px)}.pronunciation-level-card:disabled{opacity:.5;cursor:not-allowed}.pronunciation-level-card>header{align-items:center;gap:.9rem;display:flex}.pronunciation-level-card header small,.stage-page-hero>div>small{color:#67e8f9;letter-spacing:.08em;font-weight:900}.pronunciation-level-card h3{margin:.2rem 0;font-size:1.35rem}.pronunciation-level-card>p{color:var(--muted);flex:1;line-height:1.55}.pronunciation-level-badge{color:#67e8f9;background:linear-gradient(135deg,#06b6d438,#8b5cf640);border-radius:15px;flex:none;place-items:center;width:52px;height:52px;font-size:1.05rem;font-weight:900;display:grid}.pronunciation-level-badge svg{width:20px}.level-card-stats{color:var(--muted);justify-content:space-between;gap:.7rem;font-size:.82rem;display:flex}.level-card-stats strong{color:#fff}.level-card-progress{background:#94a3b829;border-radius:99px;height:8px;margin:.75rem 0;overflow:hidden}.level-card-progress i{border-radius:inherit;background:linear-gradient(90deg,#06b6d4,#8b5cf6);height:100%;display:block}.pronunciation-level-card footer{color:#67e8f9;font-weight:800}.stage-back-button{color:#67e8f9;margin-bottom:1rem;font-weight:800}.stage-page-hero{border-radius:20px;grid-template-columns:auto 1fr auto;align-items:center;gap:1.2rem;margin-bottom:1.2rem;padding:1.7rem;display:grid}.stage-page-hero h2{margin:.2rem 0;font-size:2rem}.stage-page-hero p{color:var(--muted);margin:0}.stage-page-hero>strong{color:#86efac;font-size:1.5rem}.stage-page-hero>strong small{color:var(--muted);font-size:.72rem;display:block}@media (width<=820px){.pronunciation-level-grid{grid-template-columns:1fr}.pronunciation-level-card{min-height:230px}.stage-page-hero{grid-template-columns:auto 1fr}.stage-page-hero>strong{grid-column:1/-1}}:root{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-glass:#1e293bb3;--text-primary:#f8fafc;--text-secondary:#94a3b8;--accent-primary:#8b5cf6;--accent-hover:#7c3aed;--accent-glow:#8b5cf680;--accent-secondary:#06b6d4;--success:#10b981;--error:#ef4444;--warning:#f59e0b;--border-color:#ffffff1a;--glass-border:1px solid #ffffff0d;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-full:9999px;--shadow-glow:0 0 20px var(--accent-glow);--shadow-glass:0 8px 32px 0 #0000005e;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);background-image:radial-gradient(circle at 15%,#8b5cf61a,#0000 25%),radial-gradient(circle at 85% 30%,#06b6d41a,#0000 25%);background-attachment:fixed;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{margin-bottom:1rem;font-weight:700;line-height:1.2}a{color:var(--accent-secondary);transition:var(--transition);text-decoration:none}a:hover{color:var(--text-primary)}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}.glass-panel{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);border:var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--shadow-glass)}.app-container{flex-direction:column;max-width:1200px;min-height:100vh;margin:0 auto;padding:2rem;display:flex}.main-content{flex-direction:column;flex:1;animation:.5s ease-out fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{box-shadow:0 0 #8b5cf666}70%{box-shadow:0 0 0 10px #8b5cf600}to{box-shadow:0 0 #8b5cf600}}.gradient-text{background:linear-gradient(135deg, var(--accent-secondary), var(--accent-primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.welcome-screen{background:radial-gradient(circle at 50% 20%,#8b5cf638,#0000 42%);place-items:center;min-height:100vh;padding:1.5rem;display:grid}.welcome-card{text-align:center;width:min(620px,100%);padding:clamp(2rem,7vw,5rem)}.welcome-mark{margin:0 auto 1.2rem}.welcome-card h1{margin-bottom:1rem;font-size:clamp(2.6rem,8vw,4.5rem)}.welcome-card p{color:var(--text-secondary);max-width:440px;margin:0 auto 2rem;font-size:1.15rem}.welcome-actions{flex-wrap:wrap;justify-content:center;gap:.8rem;display:flex}.role-button{border-radius:10px;padding:.85rem 1.4rem;font-weight:700}.role-button.primary{background:var(--accent-primary);color:#fff}.role-button.secondary{border:1px solid var(--accent-secondary);color:var(--accent-secondary)}.empty-page{text-align:center;color:var(--text-secondary);padding:4rem}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--accent-secondary);outline-offset:3px}.certificate-powered{color:#786b4c;letter-spacing:.12em;text-transform:uppercase;margin-top:.35rem;font-size:.68rem;font-weight:800;display:block}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
