@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Nunito:wght@500;600;700;800;900&display=swap";:root{color:#eaf7f8;font-synthesis:none;text-rendering:optimizelegibility;--navy:#071a2d;--navy-2:#0b243a;--panel:#0e2b42;--panel-soft:#12364d;--mint:#4ee1c1;--coral:#ff7a66;--blue:#6ba8ff;--text:#f3fbfb;--muted:#9db7c5;--line:#c0e4eb21;background:#071a2d;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 85% 0%, #123e57 0, transparent 30rem), var(--navy);min-width:320px;min-height:100vh;margin:0}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{grid-template-columns:248px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#051626c7;flex-direction:column;height:100vh;padding:28px 20px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.03em;align-items:center;gap:12px;padding:0 10px 34px;font:800 1.2rem Manrope,sans-serif;display:flex}.brand-mark{background:var(--mint);width:42px;height:42px;color:var(--navy);border-radius:14px;place-items:center;display:grid;box-shadow:0 10px 30px #4ee1c138}.sidebar nav{gap:7px;display:grid}.nav-item{min-height:48px;color:var(--muted);border-radius:13px;align-items:center;gap:13px;padding:0 14px;font-weight:600;transition:all .2s;display:flex}.nav-item:hover,.nav-item.active{color:var(--text);background:#4ee1c11a}.nav-item.active{box-shadow:inset 3px 0 var(--mint)}.sidebar-foot{border-top:1px solid var(--line);align-items:center;gap:11px;margin-top:auto;padding:17px 10px 0;display:flex}.avatar{width:40px;height:40px;color:var(--mint);background:#173d54;border-radius:50%;place-items:center;font-weight:700;display:grid}.sidebar-foot strong,.sidebar-foot span{display:block}.sidebar-foot span{color:var(--muted);margin-top:2px;font-size:.78rem}main{width:min(1180px,100%);padding:38px clamp(24px,5vw,72px) 64px}.topbar{justify-content:space-between;align-items:center;margin-bottom:26px;display:flex}.eyebrow{color:var(--mint);letter-spacing:.14em;font-size:.73rem;font-weight:700}h1,h2{letter-spacing:-.04em;margin:0;font-family:Manrope,sans-serif}h1{margin-top:4px;font-size:clamp(1.8rem,3vw,2.65rem)}h2{font-size:clamp(1.35rem,2vw,1.85rem)}.streak{color:var(--coral);background:#ff7a6614;border:1px solid #ff7a663d;border-radius:99px;align-items:center;gap:7px;padding:11px 15px;display:flex}.streak span{color:#e7c5c0;font-size:.82rem}.mission-card{background:linear-gradient(125deg,#123a4c,#0b2c42 65%,#0b2136);border:1px solid #4ee1c133;border-radius:28px;grid-template-columns:1.4fr .8fr;align-items:center;gap:30px;min-height:318px;padding:clamp(30px,5vw,54px);display:grid;position:relative;overflow:hidden;box-shadow:0 28px 70px #0000003d}.mission-card:after{content:"";border:1px solid #4ee1c11c;border-radius:50%;width:330px;height:330px;position:absolute;top:-90px;right:-80px;box-shadow:0 0 0 42px #4ee1c106,0 0 0 90px #4ee1c105}.mission-copy{z-index:1;position:relative}.pill{color:var(--mint);letter-spacing:.11em;background:#4ee1c121;border-radius:7px;margin-bottom:18px;padding:7px 10px;font-size:.72rem;font-weight:800;display:inline-block}.mission-copy h2{max-width:560px;font-size:clamp(2rem,4vw,3.3rem);line-height:1.05}.mission-copy p{color:#b9cdd7;max-width:550px;margin:15px 0 18px;font-size:1.04rem;line-height:1.6}.mission-meta{color:#d4e5ea;flex-wrap:wrap;gap:20px;margin-bottom:24px;display:flex}.mission-meta span{align-items:center;gap:7px;display:flex}.primary-button,.secondary-button,.success-button{border:0;border-radius:13px;min-height:50px;font-weight:750}.primary-button{background:var(--mint);color:#062035;justify-content:center;align-items:center;gap:8px;padding:0 20px;display:inline-flex;box-shadow:0 10px 25px #4ee1c12e}.primary-button:hover{filter:brightness(1.06);transform:translateY(-1px)}.primary-button:disabled{opacity:.38;cursor:not-allowed;transform:none}.compass{z-index:1;place-items:center;display:grid;position:relative}.compass-ring{aspect-ratio:1;background:conic-gradient(var(--mint) 0 68%, #ffffff1a 68%);border-radius:50%;place-items:center;width:190px;padding:12px;display:grid;box-shadow:0 0 50px #4ee1c114}.compass-ring>div{text-align:center;background:#0c2d41;border-radius:50%;place-content:center;width:100%;height:100%;display:grid}.compass strong,.compass span{display:block}.compass strong{font:800 2.7rem Manrope,sans-serif}.compass span{color:var(--muted);margin-top:3px;line-height:1.35}.dashboard-grid{grid-template-columns:1.55fr .75fr;gap:20px;margin-top:20px;display:grid}.panel{border:1px solid var(--line);background:#0c273acc;border-radius:23px}.section-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px;display:flex}.section-heading h2{margin-top:6px}.text-button{color:var(--mint);background:0 0;border:0;align-items:center;gap:4px;display:flex}.theme-list{gap:8px;display:grid}.theme-row{border:0;border-top:1px solid var(--line);width:100%;color:inherit;text-align:left;background:0 0;grid-template-columns:38px 1fr 50px;align-items:center;gap:13px;padding:14px 9px;display:grid}.theme-number{color:#648497;font:700 .78rem Manrope,sans-serif}.theme-info strong,.theme-info small{display:block}.theme-info small{color:var(--muted);margin-top:3px}.progress-track{background:#ffffff17;border-radius:99px;height:4px;margin-top:10px;display:block;overflow:hidden}.progress-track span{border-radius:inherit;height:100%;display:block}.theme-percent{color:#dcebee;text-align:right;font-weight:700}.exam-panel{flex-direction:column;align-items:flex-start;padding:28px;display:flex}.exam-icon{width:54px;height:54px;color:var(--blue);background:#6ba8ff1f;border-radius:16px;place-items:center;margin:25px 0 18px;display:grid}.exam-panel p{color:var(--muted);line-height:1.55}.score-line{border-top:1px solid var(--line);width:100%;color:var(--muted);justify-content:space-between;margin-top:auto;padding:17px 0;display:flex}.secondary-button{width:100%;color:var(--text);background:#4ee1c114;border:1px solid #4ee1c14d;padding:0 16px}.mobile-nav{display:none}.center-screen{text-align:center;background:radial-gradient(circle at 50% 25%, #133d55 0, transparent 28rem), var(--navy);place-content:center;justify-items:center;gap:16px;min-height:100vh;padding:24px;display:grid}.brand-mark.large{border-radius:21px;width:68px;height:68px}.status-screen{max-width:none}.status-screen h1{max-width:620px}.status-screen p{max-width:560px;color:var(--muted);font-size:1.06rem;line-height:1.6}.status-icon{width:76px;height:76px;color:var(--mint);background:#4ee1c11f;border-radius:50%;place-items:center;margin-bottom:16px;display:grid}.status-icon svg{width:34px;height:34px}.compact{width:auto;padding-inline:24px}.auth-page{grid-template-columns:1.15fr .85fr;min-height:100vh;display:grid}.auth-visual{background:radial-gradient(circle at 70% 20%,#4ee1c124,#0000 25rem),linear-gradient(145deg,#0d3449,#071a2d 72%);flex-direction:column;justify-content:space-between;padding:clamp(40px,7vw,90px);display:flex}.auth-brand,.mobile-auth-brand{align-items:center;gap:12px;font:800 1.25rem Manrope,sans-serif;display:flex}.auth-visual h1{max-width:700px;margin-top:16px;font-size:clamp(2.8rem,6vw,5.6rem);line-height:.98}.auth-visual p{color:#b8ced8;max-width:590px;font-size:1.1rem;line-height:1.7}.auth-stats{flex-wrap:wrap;gap:36px;display:flex}.auth-stats span{color:var(--muted)}.auth-stats strong{color:var(--text);font:800 1.7rem Manrope,sans-serif;display:block}.auth-form-wrap{color:#0b2738;background:#f3f8f7;place-items:center;padding:30px;display:grid}.auth-form{gap:20px;width:min(430px,100%);display:grid}.auth-form h2{color:#0a2739;font-size:2rem}.auth-form p{color:#5c707a;margin:0;line-height:1.65}.auth-form label,.onboarding label,.settings-panel label{gap:8px;font-weight:700;display:grid}.auth-form input,.onboarding input,.settings-panel input,.settings-panel select{color:#0a2739;width:100%;min-height:52px;font:inherit;background:#fff;border:1px solid #b8c9ce;border-radius:12px;padding:0 15px}.auth-form small{color:#73858c;justify-content:center;align-items:center;gap:6px;display:flex}.mobile-auth-brand{color:#0a2739;display:none}.demo-link{color:#0a6b62;background:0 0;border:0;text-decoration:underline}.form-error{color:#a23b32!important}.onboarding{background:radial-gradient(circle at 70% 10%, #123f57 0, transparent 28rem),var(--navy);min-height:100vh;padding:28px clamp(22px,6vw,80px)}.onboarding-top{justify-content:space-between;align-items:center;display:flex}.onboarding-top .brand{padding:0}.onboarding-progress{background:#ffffff14;border-radius:99px;height:4px;margin-top:25px}.onboarding-progress span{border-radius:inherit;background:var(--mint);height:100%;transition:width .3s;display:block}.onboarding>section{width:min(720px,100%);margin:12vh auto 0}.onboarding h1{margin-top:12px;font-size:clamp(2.2rem,5vw,4rem)}.onboarding section p{color:var(--muted);font-size:1.06rem;line-height:1.6}.onboarding label{max-width:360px;margin-top:30px}.choice-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:34px;display:grid}.choice-grid button{border:1px solid var(--line);background:var(--panel);min-height:110px;color:var(--text);border-radius:17px;place-content:center;gap:4px;display:grid}.choice-grid button.selected{border-color:var(--mint);background:#4ee1c11a;box-shadow:0 0 0 2px #4ee1c11f}.choice-grid span{color:var(--muted);font-size:.78rem}.onboarding-actions{justify-content:flex-end;gap:16px;margin-top:45px;display:flex}.onboarding-actions .text-button{margin-right:auto}.demo-banner{color:#ffd397;text-align:center;background:#ffb24f14;border:1px solid #ffb24f38;border-radius:10px;margin:-16px 0 24px;padding:8px 14px;font-size:.82rem}.profile-link{flex:1;align-items:center;gap:11px;min-width:0;display:flex}.profile-link>div:last-child{min-width:0}.profile-link strong,.profile-link span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.icon-button{width:38px;height:38px;color:var(--muted);background:0 0;border:0;border-radius:10px;place-items:center;display:grid}.icon-button:hover{color:var(--text);background:#ffffff0f}.mobile-menu-button{display:none}.button-link{justify-content:center;align-items:center;display:flex}.header-note{color:var(--mint);background:#4ee1c114;border-radius:99px;align-items:center;gap:7px;padding:9px 13px;font-size:.84rem;display:inline-flex}.journey-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.journey-card{border:1px solid var(--line);background:linear-gradient(145deg,#12364df2,#092234f2);border-radius:22px;min-height:260px;padding:27px;transition:transform .2s,border-color .2s;position:relative;overflow:hidden}.journey-card:after{content:"";background:var(--theme-color);opacity:.06;border-radius:50%;width:150px;height:150px;position:absolute;top:-50px;right:-50px}.journey-card:hover{border-color:color-mix(in srgb,var(--theme-color) 55%,transparent);transform:translateY(-3px)}.journey-icon{background:color-mix(in srgb,var(--theme-color) 13%,transparent);width:49px;height:49px;color:var(--theme-color);border-radius:15px;place-items:center;margin-bottom:22px;display:grid}.journey-index{color:var(--theme-color);letter-spacing:.12em;font-size:.7rem;font-weight:800}.journey-card h2{margin-top:7px}.journey-card p{min-height:48px;color:var(--muted);line-height:1.5}.journey-stats{color:var(--muted);justify-content:space-between;font-size:.86rem;display:flex}.journey-stats strong{color:var(--text)}.back-link{color:var(--muted);align-items:center;gap:4px;margin-bottom:20px;display:inline-flex}.back-link:hover{color:var(--mint)}.as-button{font:inherit;background:0 0;border:0}.theme-hero{border:1px solid color-mix(in srgb,var(--theme-color) 30%,transparent);background:linear-gradient(130deg,color-mix(in srgb,var(--theme-color) 10%,#12354b),#0a253a);border-radius:28px;padding:clamp(34px,6vw,70px);position:relative;overflow:hidden}.theme-hero:after{content:"";border:1px solid color-mix(in srgb,var(--theme-color) 25%,transparent);width:330px;height:330px;box-shadow:0 0 0 45px color-mix(in srgb,var(--theme-color) 3%,transparent),0 0 0 90px color-mix(in srgb,var(--theme-color) 2%,transparent);border-radius:50%;position:absolute;bottom:-50%;right:-5%}.theme-hero h1{margin-top:10px;font-size:clamp(2.5rem,6vw,5rem)}.theme-hero p{color:#c1d4dc;max-width:620px;font-size:1.08rem}.theme-hero-stats{z-index:1;gap:34px;margin-top:35px;display:flex;position:relative}.theme-hero-stats span{color:var(--muted);gap:3px;display:grid}.theme-hero-stats strong{color:var(--text);font-size:1.25rem}.lesson-list{margin-top:36px}.lesson-row{border-top:1px solid var(--line);grid-template-columns:48px 1fr auto 24px;align-items:center;gap:16px;padding:18px 10px;display:grid}.lesson-row:hover{background:#ffffff05}.lesson-index{background:var(--panel);width:42px;height:42px;color:var(--mint);border-radius:50%;place-items:center;font-weight:700;display:grid}.lesson-row strong,.lesson-row small{display:block}.lesson-row small{color:var(--muted);margin-top:4px}.lesson-duration{color:var(--muted);align-items:center;gap:6px;font-size:.86rem;display:inline-flex}.empty-state{text-align:center;color:var(--muted);place-items:center;padding:50px 20px;display:grid}.empty-state>svg{width:38px;height:38px;color:var(--mint);margin-bottom:15px}.empty-state h2{color:var(--text)}.lesson-page{width:min(800px,100%);margin:auto}.lesson-page>header{border-bottom:1px solid var(--line);padding:40px 0}.lesson-page>header h1{margin-top:10px;font-size:clamp(2.5rem,6vw,4.5rem)}.lesson-page>header p{color:var(--muted);font-size:1.14rem;line-height:1.6}.lesson-page>section{border-bottom:1px solid var(--line);grid-template-columns:50px 1fr;gap:20px;padding:34px 0;display:grid}.section-number{color:var(--mint);font:700 .8rem Manrope,sans-serif}.lesson-page section h2{margin-bottom:11px}.lesson-page section p{color:#c2d5dc;margin:0;font-size:1.05rem;line-height:1.75}.lesson-page footer{justify-content:space-between;align-items:center;gap:30px;padding:30px 0;display:flex}.lesson-page footer span,.lesson-page footer strong,.lesson-page footer small{display:block}.success-button{color:var(--mint);background:#4ee1c11f;justify-content:center;align-items:center;gap:8px;padding:0 20px;display:inline-flex}.quiz-page{width:min(800px,100%);margin:0 auto;padding-top:15px}.quiz-header{margin-bottom:28px}.quiz-header>div{justify-content:space-between;margin-bottom:12px;display:flex}.quiz-header .progress-track{height:6px}.quiz-card{border:1px solid var(--line);background:#0c273ad6;border-radius:26px;padding:clamp(25px,5vw,48px);box-shadow:0 25px 65px #00000038}.question-kind{color:var(--mint);letter-spacing:.12em;font-size:.7rem;font-weight:800}.quiz-card h1{margin:14px 0 30px;font-size:clamp(1.55rem,3vw,2.35rem);line-height:1.25}.answer-list{gap:11px;display:grid}.answer-list button{border:1px solid var(--line);min-height:60px;color:var(--text);text-align:left;background:#0b2337;border-radius:14px;grid-template-columns:38px 1fr 24px;align-items:center;gap:12px;padding:9px 15px;display:grid}.answer-list button>span{width:34px;height:34px;color:var(--muted);background:#ffffff0f;border-radius:9px;place-items:center;font-weight:700;display:grid}.answer-list button:hover,.answer-list button.selected{background:#4ee1c112;border-color:#4ee1c18c}.answer-list button.correct{border-color:var(--mint);background:#4ee1c117}.answer-list button.wrong{border-color:var(--coral);background:#ff7a6614}.answer-list button.correct>svg{color:var(--mint)}.answer-list button.wrong>svg{color:var(--coral)}.confidence{align-items:center;gap:8px;margin-top:24px;display:flex}.confidence>span{color:var(--muted);margin-right:auto}.confidence button{border:1px solid var(--line);color:var(--muted);background:0 0;border-radius:9px;padding:8px 11px}.feedback{border-radius:14px;gap:14px;margin-top:24px;padding:18px;display:flex}.feedback>div{background:#ffffff12;border-radius:50%;flex:none;place-items:center;width:35px;height:35px;display:grid}.feedback strong{margin-bottom:4px;display:block}.feedback p{color:#c4d6dc;margin:0;line-height:1.55}.quiz-actions,.exam-navigation{justify-content:flex-end;margin-top:28px;display:flex}.exam-navigation{justify-content:space-between;align-items:center}.exam-start,.exam-result{text-align:center;border:1px solid var(--line);background:radial-gradient(circle at 50% 30%,#6ba8ff1f,transparent 18rem),var(--panel);border-radius:28px;place-content:center;justify-items:center;min-height:530px;padding:55px 30px;display:grid}.exam-big-icon{width:75px;height:75px;color:var(--blue);background:#6ba8ff21;border-radius:22px;place-items:center;margin-bottom:20px;display:grid}.exam-big-icon svg{width:35px;height:35px}.exam-start p,.exam-result p{max-width:620px;color:var(--muted);line-height:1.6}.exam-rules{gap:45px;margin:28px 0;display:flex}.exam-rules strong{color:var(--text);font-size:1.5rem;display:block}.result-ring{aspect-ratio:1;border:10px solid #ffffff14;border-radius:50%;place-content:center;width:145px;margin-bottom:24px;display:grid}.result-ring.pass{border-color:var(--mint);box-shadow:0 0 45px #4ee1c124}.result-ring strong{font:800 2.5rem Manrope,sans-serif}.result-ring span{color:var(--muted);text-align:center}.result-actions{gap:12px;margin-top:22px;display:flex}.progress-overview{grid-template-columns:1.6fr .65fr .65fr;gap:18px;display:grid}.score-card,.metric-card{border:1px solid var(--line);background:var(--panel);border-radius:22px;padding:25px}.score-card{align-items:center;gap:25px;display:flex}.score-card .result-ring{flex:none;width:105px;margin:0}.score-card h2{margin-top:7px}.score-card p{color:var(--muted)}.metric-card{flex-direction:column;justify-content:center;display:flex}.metric-card>span,.metric-card small{color:var(--muted)}.metric-card strong{margin:10px 0 4px;font:800 1.8rem Manrope,sans-serif}.progress-themes,.badges-section{margin-top:20px;padding:26px}.badges-section{padding-inline:0}.badge-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.badge-card{border:1px solid var(--line);text-align:center;background:var(--panel);border-radius:19px;flex-direction:column;justify-content:center;align-items:center;min-height:160px;padding:20px;display:flex}.badge-card>span{width:48px;height:48px;color:var(--mint);background:#4ee1c11a;border-radius:50%;place-items:center;margin-bottom:12px;display:grid}.badge-card small{color:var(--muted);margin-top:4px}.badge-card.locked{opacity:.45;filter:grayscale()}.settings-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.settings-panel{padding:28px}.settings-panel h2{margin-bottom:25px}.settings-panel label{color:#c8d9df;margin-bottom:17px}.settings-panel input,.settings-panel select{border-color:var(--line);color:var(--text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0a2235}.setting-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:18px 0;display:flex}.setting-row>span{align-items:flex-start;gap:12px;display:flex}.setting-row>span>svg{color:var(--mint)}.setting-row strong,.setting-row small{display:block}.setting-row small{color:var(--muted);margin-top:3px}.switch{background:#375063;border:0;border-radius:99px;width:48px;height:27px;padding:3px}.switch span{background:#fff;border-radius:50%;width:21px;height:21px;transition:all .2s;display:block}.switch.on span{transform:translate(21px)}.privacy-actions{gap:10px;margin-top:30px;display:grid}.danger-link{color:#ff9d90;background:0 0;border:0;padding:12px}.admin-grid{grid-template-columns:1fr 320px;gap:20px;display:grid}.admin-main{padding:27px}.admin-side{align-content:start;gap:12px;display:grid}.request-row{border-top:1px solid var(--line);grid-template-columns:44px 1fr auto;align-items:center;gap:13px;padding:17px 0;display:grid}.request-row strong,.request-row small{display:block}.request-row small{color:var(--muted);margin-top:3px}.request-row>div:last-child{gap:7px;display:flex}.approve-button,.reject-button{border-radius:9px;align-items:center;gap:5px;min-height:38px;padding:0 11px;display:inline-flex}.approve-button{background:var(--mint);color:var(--navy);border:0}.reject-button{color:#ff9d90;background:#ff7a6612;border:1px solid #ff7a6640}.approve-button svg,.reject-button svg{width:16px}.admin-stat{align-items:center;gap:14px;padding:18px;display:flex}.admin-stat>svg{color:var(--mint)}.admin-stat strong{font-size:1.25rem;display:block}.admin-actions{padding:22px}.admin-actions h2{margin-bottom:15px;font-size:1.1rem}.admin-actions button{border:0;border-top:1px solid var(--line);width:100%;min-height:45px;color:var(--text);text-align:left;background:0 0;grid-template-columns:25px 1fr 18px;align-items:center;display:grid}.admin-actions button svg:first-child{color:var(--muted)}@media (width<=1000px){.progress-overview{grid-template-columns:1fr 1fr}.score-card{grid-column:1/-1}.admin-grid{grid-template-columns:1fr}.admin-side{grid-template-columns:repeat(3,1fr)}.admin-actions{grid-column:1/-1}}@media (width<=860px){.app-shell{display:block}.sidebar{display:none}.sidebar.open{z-index:30;width:min(290px,86vw);display:flex;position:fixed;inset:0 auto 0 0}.menu-backdrop{z-index:29;background:#0000008c;border:0;position:fixed;inset:0}.mobile-menu-button{border:1px solid var(--line);background:var(--panel);width:42px;height:42px;color:var(--text);border-radius:12px;place-items:center;margin-bottom:18px;display:grid}main{padding:26px 18px 104px}.mission-card{grid-template-columns:1fr}.compass{opacity:.18;position:absolute;top:22px;right:20px}.dashboard-grid,.journey-grid,.settings-grid,.auth-page{grid-template-columns:1fr}.auth-visual{display:none}.auth-form-wrap{min-height:100vh}.mobile-auth-brand{margin-bottom:20px;display:flex}.mobile-nav{z-index:10;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#06192af0;border-radius:18px;grid-template-columns:repeat(4,1fr);padding:7px;display:grid;position:fixed;box-shadow:0 15px 35px #00000059}.mobile-nav a{min-height:50px;color:var(--muted);place-items:center;gap:2px;font-size:.68rem;display:grid}.mobile-nav svg{width:20px}.mobile-nav .active{color:var(--mint)}}@media (width<=560px){.topbar{align-items:flex-start}.streak span{display:none}.mission-card{border-radius:22px;padding:28px 22px}.mission-card .compass{display:none}.mission-copy h2{font-size:2.15rem}.mission-meta{gap:10px;display:grid}.primary-button{width:100%}.section-heading{align-items:flex-start}.choice-grid{grid-template-columns:1fr 1fr}.theme-hero-stats,.exam-rules{grid-template-columns:1fr 1fr;gap:16px;display:grid}.lesson-row{grid-template-columns:42px 1fr 20px}.lesson-duration{display:none}.lesson-page footer{flex-direction:column;align-items:flex-start}.lesson-page footer button{width:100%}.confidence{flex-wrap:wrap;align-items:stretch}.confidence>span{width:100%}.confidence button{flex:1}.progress-overview{grid-template-columns:1fr}.score-card{flex-direction:column;align-items:flex-start}.badge-grid{grid-template-columns:1fr}.request-row{grid-template-columns:42px 1fr}.request-row>div:last-child{grid-column:1/-1}.request-row>div:last-child button{flex:1;justify-content:center}.admin-side{grid-template-columns:1fr}.auth-form-wrap{padding:24px}.onboarding-actions{flex-direction:column-reverse}.onboarding-actions .text-button{justify-content:center;margin:0}.topbar.page-topbar{gap:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}:root{color:#183344;--navy:#0b3142;--navy-2:#123e50;--panel:#fff;--panel-soft:#eef5f5;--mint:#10c9a2;--coral:#ff6f61;--blue:#2979ff;--text:#183344;--muted:#6e858f;--line:#dce7e7;background:#f4f8f8;font-family:Nunito,system-ui,sans-serif}body{color:var(--text);background:radial-gradient(circle at 85% 5%,#26cdbc1c,#0000 24rem),#f4f8f8}html{overflow-x:clip}body,#root,.app-shell,main{max-width:100%}main,.topbar>*,.dashboard-grid>*,.mission-card>*,.section-heading>*,.theme-row>*,.map-stage>*,.lesson-row>*,.quiz-card,.answer-list button,.exam-panel>*{min-width:0}img{max-width:100%}h1,h2,p,strong,small{overflow-wrap:break-word}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #2979ff6b}h1,h2,.brand{letter-spacing:-.025em;font-family:Nunito,system-ui,sans-serif}h1,h2{color:#143244}.eyebrow{color:#058f7b;letter-spacing:.09em;font-weight:900}.app-shell{grid-template-columns:232px 1fr}.sidebar{background:#fffffff0;border-right:1px solid #e0eaea;padding:24px 16px;box-shadow:12px 0 35px #1e4d5809}.brand{color:#123548;font-weight:900}.brand-mark{color:#fff;background:#12c9aa;box-shadow:0 8px 20px #12c9aa3d}.nav-item{color:#70838c;font-weight:800}.nav-item:hover{color:#183344;background:#eef7f5}.nav-item.active{color:#087f70;box-shadow:none;background:#ddf7f1}.sidebar-foot{border-color:#e1eaea}.avatar{color:#087f70;background:#dcf7f1}.sidebar-foot span{color:#78909a}.icon-button{color:#82969d}main{width:min(1210px,100%);padding-top:30px}.demo-banner{color:#81611a;background:#fff4d5;border:0;margin:-8px 0 18px;font-weight:700}.topbar{margin-bottom:22px}.topbar h1{font-size:clamp(1.8rem,3vw,2.55rem);font-weight:900}.top-stats{gap:9px;display:flex}.top-stats>span{color:#70858d;background:#fff;border:1px solid #dbe8e8;border-radius:14px;align-items:center;gap:6px;min-height:43px;padding:0 14px;font-size:.84rem;display:inline-flex}.top-stats>span:first-child svg{color:#3c8cff}.top-stats .streak{color:#f45e51;background:#fff0ee;border-color:#ffd5d0}.mission-card{background:linear-gradient(135deg,#0a9b87,#0b7e8e);border:0;border-radius:26px;grid-template-columns:.9fr 1.1fr;gap:28px;min-height:294px;padding:24px;box-shadow:0 18px 45px #0b7e8e2e}.mission-card:after{display:none}.mission-copy{padding:18px 8px 18px 18px}.mission-copy .pill{color:#fff;background:#ffffff2b;margin-bottom:14px}.mission-copy h2{color:#fff;font-size:clamp(2rem,4vw,3.5rem);font-weight:900}.mission-copy p{color:#ffffffd1;margin:8px 0 16px;font-size:1rem}.mission-meta{color:#fff;margin-bottom:18px}.score-badge{background:#ffffff24;border-radius:9px;padding:5px 10px;font-weight:900}.mission-card .primary-button{color:#17384a;background:#ffdd57;box-shadow:0 6px #d5b62f}.mission-card .primary-button:hover{transform:translateY(2px);box-shadow:0 4px #d5b62f}.mission-visual{z-index:1;aspect-ratio:16/10;background:#dff6f3;border-radius:21px;align-self:center;width:100%;min-height:0;position:relative;overflow:hidden}.mission-visual img{object-fit:contain;width:100%;height:100%;display:block}.compass{display:none}.dashboard-grid{grid-template-columns:1.4fr .7fr;gap:18px;margin-top:18px}.panel{background:#fff;border:2px solid #e0eaea;max-width:100%;overflow:hidden;box-shadow:0 5px #dce6e6,0 12px 30px #20535c0d}.route-panel{padding:24px}.section-heading h2{color:#173548;font-weight:900}.text-button{color:#068f7b;font-weight:900}.theme-row{color:#173548;border-color:#e5eded}.theme-row:hover{background:#f4f9f8;border-radius:14px}.theme-number{color:#9bb0b5}.theme-info small{color:#778d95}.progress-track{background:#e5eded}.theme-percent{color:#173548}.exam-panel{color:#173548;background:#fff4d5;border-color:#f5dfa8;box-shadow:0 10px 30px #9b6f0c12}.exam-panel .eyebrow{color:#af7212}.exam-icon{color:#eb8f15;background:#fff}.exam-panel h2{color:#173548}.exam-panel p,.score-line{color:#705f3d}.score-line{border-color:#885c0f26}.score-line strong{color:#173548}.secondary-button{color:#0c806f;background:#e5f8f4;border-color:#bde8de;box-shadow:0 4px #b7dfd6}.header-note{color:#078d79;background:#fff;border:1px solid #dbe7e7}.learning-map{gap:18px;width:min(760px,100%);margin:0 auto;display:grid}.map-stage{background:#fff;border:2px solid #e0e8e8;border-radius:28px;grid-template-columns:1fr 1fr;min-height:230px;display:grid;position:relative;overflow:hidden;box-shadow:0 8px #dce5e5}.map-stage.reverse img{order:2}.map-stage>img{object-fit:contain;background:#edf8f6;width:100%;height:100%;min-height:230px}.map-stage>.map-stage-card:only-child{grid-column:1/-1}.map-stage-card{background:color-mix(in srgb, var(--theme-color) 12%, white);flex-direction:column;justify-content:center;padding:28px;display:flex;position:relative}.map-stage-card:after{content:"";border:22px solid color-mix(in srgb, var(--theme-color) 12%, transparent);border-radius:50%;width:90px;height:90px;position:absolute;bottom:-32px;right:-26px}.map-stage-card h2{margin:4px 0 16px;font-size:1.65rem;font-weight:900}.journey-index{color:color-mix(in srgb, var(--theme-color) 76%, #0c5a62);font-weight:900}.map-progress{background:#ffffffe6;border-radius:99px;height:15px;margin-right:42px;position:relative;overflow:visible}.map-progress span{border-radius:inherit;background:var(--theme-color);height:100%;display:block}.map-progress strong{color:#526b75;font-size:.86rem;position:absolute;top:-4px;left:calc(100% + 9px)}.map-play{background:var(--theme-color);color:#fff;width:max-content;min-height:48px;box-shadow:0 5px 0 color-mix(in srgb, var(--theme-color) 68%, black);border-radius:14px;align-items:center;gap:8px;margin-top:22px;padding:0 17px;font-weight:900;display:inline-flex}.theme-hero{color:#fff;background:linear-gradient(135deg, color-mix(in srgb,var(--theme-color) 72%,#0c5b68), color-mix(in srgb,var(--theme-color) 58%,#164c66));box-shadow:0 14px 40px color-mix(in srgb,var(--theme-color) 16%,transparent);border:0;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:28px;display:grid}.theme-hero>div{z-index:1;min-width:0;position:relative}.theme-hero h1{color:#fff}.theme-hero p{color:#ffffffd9}.theme-hero .eyebrow,.theme-hero-stats strong{color:#fff}.theme-hero-stats span{color:#ffffffb3}.theme-practice-button{z-index:2;color:#17384a;text-align:center;background:#ffdd57;border-radius:15px;justify-content:center;align-items:center;gap:8px;min-width:205px;min-height:54px;padding:0 19px;font-weight:900;display:inline-flex;position:relative;box-shadow:0 6px #d5b62f}.theme-practice-button:active{transform:translateY(2px);box-shadow:0 4px #d5b62f}.back-link{color:#6e858f;font-weight:800}.lesson-row{color:#173548;border-color:#dce7e7}.lesson-row:hover{background:#fff;border-radius:16px}.lesson-index{color:#078e79;background:#ddf7f1}.lesson-row small,.lesson-duration{color:#718990}.lesson-page{background:#fff;border:1px solid #e0e9e9;border-radius:26px;padding:0 28px 28px;box-shadow:0 10px 35px #1a4a550f}.lesson-page>header{border-color:#e3ebeb}.lesson-page>header p{color:#697f88}.lesson-visual{background:#edf4f4;border-radius:22px;margin:26px 0 8px;overflow:hidden}.lesson-visual img{object-fit:contain;width:100%;height:auto;max-height:420px;display:block}.lesson-page>section{border-color:#e3ebeb}.lesson-page section p{color:#4f6871}.section-number{color:#07947f}.lesson-page footer span,.lesson-page footer small{color:#748a92}.success-button{color:#078a76;background:#def8f1}.media-button,.inline-lesson-image{width:100%;color:inherit;cursor:zoom-in;background:#edf6f5;border:0;padding:0;position:relative;overflow:hidden}.media-button>span{color:#fff;letter-spacing:.02em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#123444d6;border:1px solid #ffffffb3;border-radius:99px;align-items:center;min-height:34px;padding:0 11px;font-size:.76rem;font-weight:900;display:inline-flex;position:absolute;bottom:12px;right:12px;box-shadow:0 5px 16px #0f2c372e}.media-button:hover img,.inline-lesson-image:hover img{transform:scale(1.012)}.media-button img,.inline-lesson-image img{transition:transform .2s}.lesson-section-content{min-width:0}.lesson-section-content>p{white-space:pre-line}.lesson-section-content ul,.lesson-recap ul{gap:9px;margin:18px 0 0;padding:0;list-style:none;display:grid}.lesson-section-content li,.lesson-recap li{color:#435e68;padding-left:26px;line-height:1.58;position:relative}.lesson-section-content li:before,.lesson-recap li:before{content:"";background:#14bd9d;border-radius:50%;width:9px;height:9px;position:absolute;top:.58em;left:3px;box-shadow:0 0 0 4px #ddf7f1}.lesson-tip,.lesson-exam-trap{border-radius:16px;align-items:flex-start;gap:12px;margin-top:20px;padding:16px 18px;display:flex}.lesson-tip{color:#295c56;background:#eafaf6;border:1px solid #bceadf}.lesson-tip>svg{color:#08a786;flex:none;margin-top:2px}.lesson-tip span,.lesson-exam-trap span{min-width:0;line-height:1.5}.lesson-tip strong,.lesson-exam-trap strong{color:#173f42;margin-bottom:3px;display:block}.inline-lesson-image{border:2px solid #e0e9e9;border-radius:18px;margin-top:22px;box-shadow:0 4px #dce6e6}.inline-lesson-image img{object-fit:contain;width:100%;height:auto;max-height:390px;display:block}.lesson-page>.lesson-recap{background:linear-gradient(145deg,#ecfbf7,#f7fffc);border:2px solid #bfe9df;border-radius:20px;margin:26px 0;padding:25px;box-shadow:0 5px #d5eee8}.lesson-recap .section-number{color:#fff;background:#10bd9a;border-radius:14px;place-items:center;width:44px;height:44px;padding:0;display:grid}.lesson-recap h2{margin-top:5px}.lesson-exam-trap{color:#745127;background:#fff4df;border:1px solid #ffd3a6;margin:0 0 8px}.lesson-exam-trap>svg{color:#e38417;flex:none;margin-top:2px}.lesson-exam-trap strong{color:#67451d}.lesson-footer-actions{gap:10px;min-width:255px;display:grid}.lesson-footer-actions>*{width:100%}.media-zoom{z-index:100;padding:max(24px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#051824eb;place-items:center;display:grid;position:fixed;inset:0}.media-zoom>img{object-fit:contain;background:#fff;border-radius:18px;width:auto;max-width:min(1100px,94vw);height:auto;max-height:90vh;display:block;box-shadow:0 24px 80px #00000061}.media-zoom-close{z-index:1;top:max(14px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right));color:#fff;background:#ffffff24;border:1px solid #ffffff40;border-radius:50%;place-items:center;width:48px;height:48px;display:grid;position:absolute;box-shadow:0 8px 24px #0003}.inline-loading{color:#5e7680;background:#fff;border:2px solid #e0eaea;border-radius:24px;width:100%;min-height:min(520px,100vh - 190px)}.inline-loading p{margin:0;font-weight:800}.review-empty,.review-complete{text-align:center;background:#fff;border:2px solid #e0eaea;border-radius:26px;place-content:center;justify-items:center;width:min(700px,100%);min-height:440px;margin:0 auto;padding:clamp(28px,6vw,55px);display:grid;box-shadow:0 7px #dce6e6,0 18px 45px #1a4a550f}.review-empty h1,.review-complete h1{margin-top:8px}.review-empty p,.review-complete p{color:#667e87;max-width:580px;line-height:1.65}.review-empty .primary-button{margin-top:10px}.review-complete .result-ring{margin-bottom:20px}.review-complete .result-actions{justify-content:center}.catalog-warning{color:#79591b;background:#fff6df;border:1px solid #f2d69b;border-radius:12px;margin:-8px 0 16px;padding:11px 14px;font-size:.88rem;font-weight:700;line-height:1.45}.quiz-header .progress-track span{background:#15c59f}.quiz-header>div>span{min-width:0}.quiz-header small{color:#758a92;margin-top:3px;font-size:.78rem;font-weight:700;display:block}.quiz-card{background:#fff;border:1px solid #dce7e7;box-shadow:0 10px 38px #1a4a5512}.question-visual{background:#edf4f4;border-radius:20px;margin:-18px -18px 26px;overflow:hidden}.question-visual img{object-fit:contain;width:100%;height:auto;max-height:330px;display:block}.question-meta{justify-content:space-between;align-items:center;gap:12px;display:flex}.question-meta>span:last-child{color:#6b8189;background:#edf3f3;border-radius:99px;flex:none;padding:5px 9px;font-size:.75rem;font-weight:900}.question-kind{color:#078f7b}.answer-list button{color:#1c3949;background:#fff;border:2px solid #dfe8e8;font-weight:700;box-shadow:0 4px #dfe7e7}.answer-list button>span{color:#698089;background:#edf3f3}.answer-list button:hover,.answer-list button.selected{background:#ecfbf7;border-color:#13bfa0;box-shadow:0 4px #0ca88d}.answer-list button.correct{background:#e8faf5;border-color:#13bfa0}.answer-list button.wrong{background:#fff0ee;border-color:#ff786b}.confidence>span{color:#728991;font-weight:800}.confidence button{color:#687f88;border-color:#d9e5e5}.confidence button.active{color:#078d79;background:#e9f9f5;border-color:#7edbc8}.feedback.good{background:#e5faf4}.feedback.bad{background:#fff2d6}.feedback p{color:#526c74}.answer-explanation{color:#6d512c;background:#fff7e8;border-left:4px solid #ff8a3d;border-radius:4px 14px 14px 4px;margin-top:12px;padding:15px 17px}.answer-explanation>strong{color:#593c18;margin-bottom:5px;display:block}.answer-explanation p{color:#705630;margin:5px 0 0;line-height:1.48}.quiz-source{color:#6f858d;border-top:1px solid #e3ebeb;justify-content:space-between;gap:18px;min-width:0;margin-top:21px;padding-top:15px;font-size:.76rem;line-height:1.4;display:flex}.quiz-source>*{overflow-wrap:anywhere;min-width:0}.quiz-source small{text-align:right}.quiz-card .primary-button{box-shadow:0 5px #0ba98d}.primary-button,.secondary-button,.success-button,.map-play,.answer-list button{min-height:48px}@media (hover:hover){.map-play:hover,.primary-button:hover,.secondary-button:hover{filter:brightness(1.025)}}.map-play:active,.primary-button:active,.secondary-button:active,.answer-list button:active{transform:translateY(2px)}.exam-start,.exam-result{color:#183344;background:#fff;border-color:#e0e9e9;box-shadow:0 10px 34px #1a4a550f}.exam-start p,.exam-result p{color:#6c828b}.exam-big-icon{color:#2979ff;background:#eaf1ff}.result-ring.pass{border-color:#13c5a1}.result-ring.retry{border-color:#ff7063}.exam-rules span{color:#71878f}.exam-rules strong{color:#173548}.exam-breakdown{text-align:left;background:#f8fbfb;border:1px solid #e0e9e9;border-radius:18px;gap:13px;width:min(570px,100%);margin:24px auto 8px;padding:19px;display:grid}.exam-breakdown>div{grid-template-columns:minmax(135px,.75fr) minmax(130px,1.25fr);align-items:center;gap:16px;min-width:0;display:grid}.exam-breakdown>div>span:first-child{justify-content:space-between;align-items:baseline;gap:8px;min-width:0;display:flex}.exam-breakdown strong{color:#294854;font-size:.9rem;line-height:1.25}.exam-breakdown small{color:#6d848c;flex:none;font-size:.76rem;font-weight:800}.exam-breakdown .progress-track{height:8px;margin:0}.score-card,.metric-card,.settings-panel,.progress-themes,.badge-card,.admin-main,.admin-stat,.admin-actions{color:#183344;background:#fff;border-color:#e0e9e9}.score-card p,.metric-card>span,.metric-card small,.badge-card small{color:#70858e}.setting-row{border-color:#e0e9e9}.setting-row small{color:#748991}.settings-panel label{color:#435d66}.settings-panel input,.settings-panel select{color:#183344;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff;border-color:#d8e3e3}.switch{background:#c9d4d6}.switch.on{background:#11c6a3}.request-row{border-color:#e1eaea}.request-row small{color:#71858d}.empty-state{color:#71868e}.auth-form-wrap{background:#f7faf9}.onboarding{color:#183344;background:linear-gradient(145deg,#e9faf6,#f7faf9)}.onboarding h1{color:#173548}.onboarding section p{color:#6d838b}.onboarding .brand{color:#173548}.onboarding-progress{background:#dbe7e7}.choice-grid button{color:#173548;background:#fff;border-color:#dce7e7;box-shadow:0 4px #dce5e5}.choice-grid button.selected{background:#e8faf5;border-color:#11b99b}@media (width<=860px){.sidebar.open{background:#fff}.mobile-menu-button{color:#173548;background:#fff;border-color:#dbe7e7}.mobile-nav{background:#fffffff5;border-color:#dce7e7;box-shadow:0 10px 30px #1c4b5524}.mobile-nav a{color:#83969c}.mobile-nav .active{color:#078f7b}.mission-card{grid-template-columns:1fr 1fr}.mission-visual{min-height:0}main{width:100%;min-width:0}.dashboard-grid{width:100%}}@media (width<=620px){body{background:#f6f9f9}main{width:100%;padding:14px clamp(12px, 4vw, 18px) calc(98px + env(safe-area-inset-bottom));overflow:visible}.mobile-menu-button{border-radius:14px;width:44px;height:44px;margin-bottom:13px}.demo-banner{width:100%;margin:0 0 16px;padding-inline:10px;font-size:.72rem;line-height:1.4}.topbar{align-items:center;gap:10px;width:100%;margin-bottom:18px}.topbar .eyebrow{font-size:.64rem}.topbar h1{max-width:100%;font-size:clamp(1.48rem,7.3vw,1.8rem);line-height:1.08}.top-stats{flex:none;gap:6px}.top-stats>span{border-radius:13px;justify-content:center;min-width:40px;min-height:40px;padding:0 9px}.top-stats>span:first-child{display:none}.mission-card{border-radius:24px;grid-template-columns:minmax(0,1fr);gap:0;width:100%;min-height:0;padding:10px;box-shadow:0 7px #08717d,0 16px 35px #0b7e8e24}.mission-copy{order:2;width:100%;padding:15px 10px 17px}.mission-copy .pill{margin-bottom:9px}.mission-copy h2{max-width:100%;font-size:clamp(1.7rem,9vw,2.1rem);line-height:1.03}.mission-copy p{margin:7px 0 11px;font-size:.94rem;line-height:1.4}.mission-visual{aspect-ratio:16/9;border-radius:17px;order:1;width:100%;min-height:0;max-height:none}.mission-meta{margin-bottom:14px}.mission-meta span{min-width:0}.mission-card .primary-button{width:100%;min-height:52px}.dashboard-grid{grid-template-columns:minmax(0,1fr);gap:15px;width:100%;margin-top:16px}.route-panel,.exam-panel{border-radius:22px;width:100%;padding:18px}.section-heading{gap:10px;width:100%;margin-bottom:16px}.section-heading h2{font-size:1.35rem}.section-heading .text-button{text-align:right;flex:none;justify-content:flex-end;max-width:88px;line-height:1.15}.theme-row{grid-template-columns:28px minmax(0,1fr) 38px;gap:8px;padding:13px 4px}.theme-info small{font-size:.78rem;line-height:1.35}.theme-percent{font-size:.86rem}.exam-panel{grid-template-columns:54px minmax(0,1fr);align-items:center;gap:3px 13px;display:grid}.exam-panel .eyebrow{grid-column:1/-1}.exam-panel .exam-icon{grid-row:2/4;width:52px;height:52px;margin:9px 0}.exam-panel h2{font-size:1.42rem}.exam-panel p{margin:0;line-height:1.4}.exam-panel .score-line,.exam-panel .button-link{grid-column:1/-1}.exam-panel .score-line{margin-top:12px}.exam-panel .button-link{width:100%;min-height:50px}.learning-map{gap:15px}.map-stage,.map-stage.reverse{grid-template-columns:1fr;min-height:0;box-shadow:0 6px #dce5e5}.map-stage>img,.map-stage.reverse>img{aspect-ratio:16/9;object-fit:contain;order:0;width:100%;height:auto;min-height:0}.map-stage-card{order:1;padding:20px}.map-stage-card h2{margin-bottom:12px}.map-play{justify-content:center;width:100%;min-height:50px;margin-top:16px}.theme-hero{border-radius:23px;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:20px;width:100%;padding:27px 20px}.theme-hero h1{font-size:clamp(2rem,11vw,2.5rem);line-height:1.02}.theme-hero-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-width:0;display:grid}.theme-practice-button{width:100%;min-width:0;min-height:52px}.lesson-row{grid-template-columns:42px minmax(0,1fr) 20px;gap:10px;padding-inline:4px}.lesson-duration{display:none}.lesson-row small{font-size:.82rem;line-height:1.4}.lesson-page{border-radius:22px;width:100%;padding:0 17px 20px}.lesson-page>header{padding:28px 0 22px}.lesson-page>header h1{font-size:clamp(1.9rem,10vw,2.35rem);line-height:1.08}.lesson-page>header p{font-size:1rem;line-height:1.55}.lesson-page>section{grid-template-columns:1fr;gap:9px;padding:23px 0}.section-number{background:#ddf7f1;border-radius:8px;width:max-content;padding:5px 8px}.lesson-page section h2{font-size:1.35rem;line-height:1.18}.lesson-page section p{font-size:1rem;line-height:1.65}.lesson-visual{border-radius:17px;margin:18px -7px 4px}.lesson-visual img{object-fit:contain;width:100%;height:auto;max-height:340px}.media-button>span{min-height:32px;padding-inline:10px;font-size:.72rem;bottom:9px;right:9px}.lesson-section-content ul,.lesson-recap ul{gap:8px;margin-top:15px}.lesson-section-content li,.lesson-recap li{padding-left:24px;line-height:1.5}.lesson-tip,.lesson-exam-trap{border-radius:14px;gap:10px;padding:14px}.inline-lesson-image{border-radius:15px;margin-top:18px}.inline-lesson-image img{max-height:320px}.lesson-page>.lesson-recap{border-radius:17px;margin:21px 0;padding:18px}.lesson-recap .section-number{width:40px;height:40px}.lesson-page footer{flex-direction:column;align-items:stretch;gap:19px}.lesson-footer-actions{width:100%;min-width:0}.lesson-footer-actions>*{min-height:50px}.media-zoom{padding:66px 10px 18px}.media-zoom>img{border-radius:13px;max-width:100%;max-height:calc(100vh - 90px)}.media-zoom-close{top:max(10px, env(safe-area-inset-top));right:10px}.inline-loading{min-height:380px;padding-inline:20px}.review-empty,.review-complete{border-radius:22px;min-height:370px;padding:29px 18px}.review-empty h1,.review-complete h1{font-size:1.8rem;line-height:1.12}.review-empty .primary-button{width:100%}.catalog-warning{margin-top:-3px;font-size:.82rem}.quiz-page{width:100%;padding-top:4px}.quiz-header{margin-bottom:17px}.quiz-header small{font-size:.72rem}.question-visual{border-radius:16px;margin:-7px -7px 18px}.question-visual img{object-fit:contain;width:100%;height:auto;max-height:270px}.quiz-card{border-radius:22px;width:100%;padding:17px}.quiz-card h1{margin:10px 0 21px;font-size:clamp(1.4rem,7vw,1.7rem);line-height:1.25}.answer-list{gap:10px}.answer-list button{overflow-wrap:anywhere;grid-template-columns:34px minmax(0,1fr) 20px;gap:9px;width:100%;min-height:58px;padding:9px 11px;line-height:1.35}.answer-list button>span{width:32px;height:32px}.question-meta{gap:8px}.question-meta>span:last-child{padding:4px 8px;font-size:.7rem}.feedback,.answer-explanation{padding:14px}.quiz-source{gap:10px;margin-top:18px}.quiz-actions{width:100%;margin-top:21px}.quiz-actions .primary-button{width:100%}.exam-navigation{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:8px;width:100%;display:grid}.exam-navigation .primary-button{width:auto;min-width:0;padding-inline:11px}.exam-navigation .text-button{justify-content:center;min-width:0;padding-inline:5px}.exam-start,.exam-result{border-radius:23px;width:100%;min-height:0;padding:36px 18px}.exam-rules{gap:12px;width:100%}.exam-breakdown{border-radius:15px;width:100%;padding:15px}.exam-breakdown>div{grid-template-columns:minmax(0,1fr);gap:7px}.result-actions{flex-direction:column-reverse;width:100%}.result-actions>*{width:100%}.mobile-nav{left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));border-radius:18px;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;padding:5px}.mobile-nav a{min-width:0;min-height:52px;padding-inline:2px;overflow:hidden}.mobile-nav a span{text-overflow:ellipsis;white-space:nowrap;text-align:center;width:100%;font-size:.65rem;overflow:hidden}}@media (width<=380px){main{padding-inline:11px}.topbar h1{font-size:1.48rem}.mission-meta{gap:9px;font-size:.84rem}.route-panel,.exam-panel{padding:16px}.section-heading h2{font-size:1.22rem}.theme-row{grid-template-columns:25px minmax(0,1fr) 35px;gap:6px}.theme-number{font-size:.7rem}.theme-info strong{font-size:.92rem;line-height:1.2}.theme-info small{font-size:.72rem}.theme-percent{font-size:.78rem}.quiz-card{padding:15px}.quiz-source{gap:4px;display:grid}.quiz-source small{text-align:left}.answer-list button{grid-template-columns:31px minmax(0,1fr) 18px;gap:7px;padding-inline:9px;font-size:.94rem}.answer-list button>span{width:30px;height:30px}.exam-navigation{grid-template-columns:1fr}.exam-navigation .primary-button,.exam-navigation .text-button{width:100%;min-height:48px}.mobile-nav a span{font-size:.61rem}}
