@font-face{font-family:Vazirmatn;src:url(/fonts/vazirmatn.woff2)format("woff2");font-display:swap;font-weight:100 900}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--brand:#4338a8;--brand-strong:#31267f;--brand-soft:#eeecff;--brand-secondary:#62d7d1;--brand-secondary-soft:#e8fbfa;--surface:#fff;--surface-subtle:#f7f7fc;--surface-raised:#fff;--text:#17152b;--text-muted:#67647a;--border:#e6e4ef;--success:#16845b;--success-soft:#e8f8f1;--danger:#c2384b;--danger-soft:#fff0f2;--warning:#a35b08;--shadow-sm:0 6px 20px #29225e12;--shadow-md:0 18px 48px #29225e21;--radius-sm:12px;--radius-md:18px;--radius-lg:26px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);font-family:Vazirmatn,sans-serif}*{box-sizing:border-box}html{-webkit-tap-highlight-color:transparent;background:#efeff7;min-width:320px}body{min-width:320px;min-height:100dvh;color:var(--text);text-rendering:optimizelegibility;background:radial-gradient(circle at 18% -10%,#62d7d138,#0000 28rem),radial-gradient(circle at 90% 15%,#4338a826,#0000 26rem),#efeff7;margin:0;font-size:16px;line-height:1.65}button,input,select{font:inherit}button,a{touch-action:manipulation}button{color:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3,strong{letter-spacing:-.015em}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid color-mix(in srgb, var(--brand) 40%, transparent);outline-offset:2px}.app-viewport{min-height:100dvh;position:relative;overflow:clip}.app-frame{z-index:1;background:var(--surface-subtle);width:100%;min-height:100dvh;margin-inline:auto;position:relative}.app-frame--with-nav .app-main{padding-bottom:calc(100px + var(--safe-bottom))}.app-main{min-height:100dvh}.ambient{filter:blur(20px);pointer-events:none;border-radius:999px;position:fixed}.ambient--one{background:#62d7d12e;width:280px;height:280px;top:-100px;right:4%}.ambient--two{background:#4338a81f;width:230px;height:230px;bottom:6%;left:3%}.connection-banner{z-index:1000;padding:calc(7px + var(--safe-top)) 16px 7px;color:#fff;background:var(--danger);text-align:center;font-size:13px;font-weight:700;position:fixed;top:0;left:0;right:0}.page{min-height:100dvh;padding:calc(22px + var(--safe-top)) 18px 36px}.eyebrow{color:var(--brand);font-size:12px;font-weight:800;line-height:1.4;display:block}.page-header{grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;min-height:54px;margin-bottom:22px;display:grid}.page-header:not(:has(.icon-button)){grid-template-columns:1fr}.page-header__copy{min-width:0}.page-header h1{font-size:clamp(24px,7vw,30px);line-height:1.25}.page-header__spacer{width:48px}.page-heading-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.page-heading-row .page-header{flex:1}.icon-button{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:16px;justify-content:center;align-items:center;width:48px;height:48px;padding:0;transition:transform .18s,background .18s,border-color .18s;display:inline-flex}.icon-button:active{transform:scale(.94)}.icon-button--filled{color:#fff;background:var(--brand);border-color:#0000}.button{cursor:pointer;border:0;border-radius:16px;justify-content:center;align-items:center;gap:9px;min-height:50px;padding:11px 20px;font-weight:800;transition:transform .16s,box-shadow .18s,opacity .18s;display:inline-flex}.button:active:not(:disabled){transform:scale(.975)}.button:disabled{cursor:not-allowed;opacity:.48}.button--block{width:100%}.button--primary{color:#fff;background:linear-gradient(135deg, var(--brand), var(--brand-strong));box-shadow:0 10px 24px color-mix(in srgb, var(--brand) 25%, transparent)}.button--secondary{color:var(--brand);background:var(--brand-soft)}.button--ghost{color:var(--brand);background:0 0}.button--danger{color:var(--danger);background:var(--danger-soft)}.text-button{min-height:44px;color:var(--brand);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-weight:750;display:inline-flex}.text-button--compact{min-height:40px;padding:4px 7px;font-size:14px}.field{gap:7px;display:grid}.field label,.select-field>span,.gateway-picker legend,.gender-picker legend{color:var(--text);font-size:14px;font-weight:750}.field label span{color:var(--danger)}.field__control{position:relative}.field input,.select-field select,.search-field input{width:100%;min-height:52px;color:var(--text);border:1.5px solid var(--border);background:var(--surface);border-radius:15px;outline:none;padding:12px 14px;transition:border-color .18s,box-shadow .18s}.field input:focus,.select-field select:focus,.search-field:focus-within{border-color:var(--brand);box-shadow:0 0 0 4px color-mix(in srgb, var(--brand) 10%, transparent)}.course-switcher{min-height:48px;color:var(--brand);border:1px solid var(--border);background:var(--surface);border-radius:16px;grid-template-columns:22px minmax(0,1fr) 18px;align-items:center;gap:8px;margin-bottom:16px;padding:0 13px;display:grid}.course-switcher select{width:100%;min-height:46px;color:var(--text);font:inherit;background:0 0;border:0;outline:0;font-size:13px;font-weight:800}.course-switcher>svg:last-child{pointer-events:none}.field--error input{border-color:var(--danger)}.field>p{color:var(--text-muted);font-size:12px}.field .field__error{color:var(--danger)}.field__reveal{width:44px;height:44px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;top:4px;left:4px}.field__control:has(.field__reveal) input{padding-left:52px}.alert{border-radius:13px;align-items:flex-start;gap:8px;padding:11px 13px;font-size:13px;font-weight:650;display:flex}.alert--error{color:var(--danger);background:var(--danger-soft)}.alert--success{color:var(--success);background:var(--success-soft)}.feature-icon{width:54px;height:54px;color:var(--brand);background:var(--brand-soft);border-radius:18px;place-items:center;display:inline-grid}.feature-icon--small{border-radius:14px;width:44px;height:44px}.spin{animation:.8s linear infinite spin}.rotate-180{transform:rotate(180deg)}.text-success{color:var(--success)}.auth-page{min-height:100dvh;padding:calc(28px + var(--safe-top)) 18px calc(24px + var(--safe-bottom));background:radial-gradient(circle at 20% 3%, #62d7d138, transparent 35%), linear-gradient(180deg, #f2f0ff 0, var(--surface-subtle) 38%)}.auth-hero{text-align:center;max-width:440px;margin:0 auto 22px}.auth-hero__mark{width:102px;height:102px;box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffb3;border:1px solid #fffc;border-radius:30px;place-items:center;margin:0 auto 14px;display:grid}.auth-hero h1{margin-top:4px;font-size:clamp(28px,8vw,38px);line-height:1.25}.auth-hero p{max-width:360px;color:var(--text-muted);margin:9px auto 0;font-size:14px}.auth-card{max-width:460px;box-shadow:var(--shadow-md);background:#fffffff0;border:1px solid #ffffffe6;border-radius:28px;margin:auto;padding:18px}.segmented-control{background:var(--surface-subtle);border-radius:14px;grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;padding:4px;display:grid}.segmented-control button{min-height:44px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:11px;justify-content:center;align-items:center;gap:7px;padding:8px 12px;font-weight:700;display:inline-flex}.segmented-control button.active{color:var(--brand);background:var(--surface);box-shadow:var(--shadow-sm)}.auth-form{gap:15px;padding-top:18px;display:grid}.auth-card>.alert{margin-top:14px}.auth-divider{color:var(--text-muted);align-items:center;gap:10px;margin:18px 0 12px;font-size:12px;display:flex}.auth-divider:before,.auth-divider:after{background:var(--border);content:"";flex:1;height:1px}.provider-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.provider-grid button{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:9px;font-size:13px;font-weight:750;transition:background .16s,transform .16s;display:flex}.provider-grid button:active{background:var(--surface-subtle);transform:scale(.97)}.auth-terms{max-width:430px;color:var(--text-muted);text-align:center;margin:16px auto 0;font-size:11px}.onboarding-page{min-height:100dvh;padding:calc(18px + var(--safe-top)) 18px calc(28px + var(--safe-bottom));background:radial-gradient(circle at 12% 0, #62d7d133, transparent 26rem), var(--surface-subtle)}.onboarding-header{justify-content:space-between;align-items:center;max-width:680px;margin:auto;display:flex}.onboarding-header span{color:var(--text-muted);font-size:13px;font-weight:700}.step-progress{background:var(--border);border-radius:999px;max-width:680px;height:5px;margin:14px auto 30px;overflow:hidden}.step-progress i{border-radius:inherit;background:linear-gradient(90deg, var(--brand), var(--brand-secondary));height:100%;transition:width .3s;display:block}.onboarding-panel{max-width:520px;margin:auto}.onboarding-panel--wide{max-width:680px}.onboarding-panel>.eyebrow{margin-top:18px}.onboarding-panel h1{margin-top:5px;font-size:clamp(27px,7.5vw,38px);line-height:1.35}.onboarding-panel>p{color:var(--text-muted);margin-top:9px;font-size:14px}.onboarding-form{gap:20px;margin-top:28px;display:grid}.gender-picker,.gateway-picker{border:0;margin:0;padding:0;display:grid}.gender-picker{grid-template-columns:1fr 1fr;gap:10px}.gender-picker legend{grid-column:1/-1;margin-bottom:8px}.gender-picker button{border:1.5px solid var(--border);background:var(--surface);cursor:pointer;border-radius:18px;place-items:center;gap:4px;min-height:116px;padding:12px;display:grid}.gender-picker button.active{color:var(--brand);border-color:var(--brand);background:var(--brand-soft)}.gender-picker__avatar{border-radius:16px;place-items:center;width:48px;height:48px;display:grid}.gender-picker__avatar--girl{color:#b52d6f;background:#fdeaf3}.gender-picker__avatar--boy{color:#246ea7;background:#e7f4ff}.select-field{gap:7px;margin:24px 0 14px;display:grid}.placement-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:50dvh;margin-bottom:18px;padding:2px;display:grid;overflow-y:auto}.placement-grid button{text-align:right;border:1.5px solid var(--border);background:var(--surface);cursor:pointer;border-radius:18px;align-content:center;justify-items:start;gap:3px;min-height:118px;padding:14px;display:grid}.placement-grid button>span{width:30px;height:30px;color:var(--brand);background:var(--brand-soft);border-radius:10px;place-items:center;font-size:13px;font-weight:850;display:grid}.placement-grid button strong{margin-top:5px}.placement-grid button small{color:var(--text-muted)}.placement-grid button.active{border-color:var(--brand);background:linear-gradient(145deg, var(--brand-soft), var(--surface));box-shadow:0 10px 24px #4338a81a}.bottom-nav{z-index:100;right:12px;bottom:calc(10px + var(--safe-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffeb;border:1px solid #ffffffe0;border-radius:23px;grid-template-columns:repeat(3,1fr);min-height:68px;padding:7px;display:grid;position:fixed;left:12px;box-shadow:0 16px 40px #231d4e2b}.bottom-nav__item{min-height:54px;color:var(--text-muted);border-radius:17px;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:11px;font-weight:700;transition:color .18s,background .18s,transform .16s;display:flex;position:relative}.bottom-nav__item:active{transform:scale(.95)}.bottom-nav__item--active{color:var(--brand);background:var(--brand-soft)}.learner-switcher{position:relative}.learner-switcher__trigger{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:999px;align-items:center;gap:7px;min-height:44px;padding:4px 8px 4px 10px;font-size:13px;font-weight:800;display:inline-flex}.learner-switcher__trigger svg{transition:transform .18s}.learner-avatar{border-radius:35%;flex:none;place-items:center;display:inline-grid}.learner-avatar--sm{width:32px;height:32px}.learner-avatar--md{width:46px;height:46px}.learner-avatar--lg{border:5px solid #ffffff40;width:70px;height:70px}.learner-avatar--girl{color:#b52d6f;background:linear-gradient(145deg,#ffe8f3,#f7c8df)}.learner-avatar--boy{color:#246ea7;background:linear-gradient(145deg,#e7f5ff,#bfddf3)}.sheet-backdrop{z-index:500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#14112b80;justify-content:center;align-items:flex-end;padding:16px 12px 0;display:flex;position:fixed;inset:0}.bottom-sheet{width:min(100%,520px);max-height:86dvh;padding:12px 18px calc(22px + var(--safe-bottom));background:var(--surface);box-shadow:var(--shadow-md);border-radius:28px 28px 0 0;overflow-y:auto}.bottom-sheet__handle{background:var(--border);border-radius:999px;width:42px;height:5px;margin:0 auto 18px;display:block}.bottom-sheet h2{margin-bottom:14px;font-size:20px}.bottom-sheet>.field,.bottom-sheet>.segmented-control{margin-bottom:14px}.learner-option{text-align:right;border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:17px;align-items:center;gap:11px;width:100%;min-height:62px;margin-top:8px;padding:8px;font-weight:800;display:flex}.learner-option--active{color:var(--brand);border-color:var(--brand);background:var(--brand-soft)}.learner-option__plus{width:46px;height:46px;color:var(--brand);background:var(--brand-soft);border-radius:16px;place-items:center;display:grid}.page--home{padding-top:calc(16px + var(--safe-top))}.home-topbar{justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;display:flex}.brand-lockup{align-items:center;gap:9px;display:flex}.brand-lockup div{line-height:1.3;display:grid}.brand-lockup span{color:var(--text-muted);font-size:10px}.brand-lockup strong{font-size:17px}.welcome-card{color:#fff;background:linear-gradient(125deg, #ffffff14, transparent 42%), linear-gradient(145deg, var(--brand), var(--brand-strong));border-radius:28px;justify-content:space-between;align-items:flex-end;gap:16px;min-height:190px;margin-bottom:18px;padding:24px 20px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 40px #31267f3d}.welcome-card:before{content:"";border:1px solid #ffffff21;border-radius:50%;width:170px;height:170px;position:absolute;top:-55px;left:-35px}.welcome-card__glow{filter:blur(35px);background:#62d7d159;border-radius:50%;width:220px;height:150px;position:absolute;bottom:-70px;right:-30px}.welcome-card__content{z-index:1;max-width:320px;position:relative}.welcome-card .eyebrow{color:var(--brand-secondary)}.welcome-card h1{margin-top:6px;font-size:clamp(24px,7vw,34px);line-height:1.35}.welcome-card p{color:#ffffffc2;margin-top:8px;font-size:13px}.welcome-card>.learner-avatar{z-index:1;position:relative}.continue-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:23px;margin-bottom:16px;padding:17px}.continue-card__header{grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:11px;display:grid}.continue-card h2{font-size:19px}.continue-card>p{color:var(--text-muted);margin-top:13px;font-size:13px}.lesson-pill{color:var(--brand);background:var(--brand-soft);border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800}.continue-card__footer{align-items:center;gap:14px;margin-top:16px;display:flex}.continue-card__footer .button{flex:none}.mini-progress{background:var(--border);border-radius:999px;flex:1;height:7px;overflow:hidden}.mini-progress i{border-radius:inherit;background:linear-gradient(90deg, var(--brand), var(--brand-secondary));height:100%;display:block}.stats-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px;display:grid}.stats-grid article{border:1px solid var(--border);background:var(--surface);border-radius:18px;align-content:start;gap:3px;min-width:0;padding:12px 10px;display:grid}.stats-grid article>strong{margin-top:6px;font-size:17px}.stats-grid article>span:last-child{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.stat-icon{border-radius:12px;place-items:center;width:35px;height:35px;font-size:11px;font-weight:850;display:grid}.stat-icon--green{color:var(--success);background:var(--success-soft)}.stat-icon--cyan{color:#0f7773;background:var(--brand-secondary-soft)}.stat-icon--violet{color:var(--brand);background:var(--brand-soft)}.upgrade-card{color:#4e3804;background:linear-gradient(135deg,#fff9e8,#fff2c8);border:1px solid #f2dda6;border-radius:21px;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:11px;margin-bottom:24px;padding:15px;display:grid}.upgrade-card__icon{color:#9c6800;background:#ffe39a;border-radius:16px;place-items:center;width:48px;height:48px;display:grid}.upgrade-card h2{font-size:16px}.upgrade-card p{color:#745f2a;font-size:11px}.section-heading{justify-content:space-between;align-items:flex-end;gap:12px;margin:22px 0 11px;display:flex}.section-heading h2{font-size:20px}.section-heading>a{min-height:44px;color:var(--brand);font-size:13px;font-weight:800}.quick-lessons{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.quick-lessons a{border:1px solid var(--border);background:var(--surface);border-radius:17px;grid-template-columns:34px 1fr auto;align-items:center;gap:8px;min-height:66px;padding:10px;display:grid}.quick-lessons a>span{width:34px;height:34px;color:var(--brand);background:var(--brand-soft);border-radius:11px;place-items:center;font-size:12px;font-weight:850;display:grid}.quick-lessons strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.search-field{border:1.5px solid var(--border);background:var(--surface);border-radius:16px;align-items:center;gap:9px;min-height:52px;padding:0 14px;display:flex}.search-field svg{color:var(--text-muted);flex:none}.search-field input{min-height:48px;box-shadow:none;background:0 0;border:0;padding:0}.filter-chips{scrollbar-width:none;gap:8px;margin:13px 0 16px;display:flex;overflow-x:auto}.filter-chips button{min-height:40px;color:var(--text-muted);border:1px solid var(--border);background:var(--surface);cursor:pointer;white-space:nowrap;border-radius:999px;padding:7px 15px;font-size:13px;font-weight:750}.filter-chips button.active{color:#fff;border-color:var(--brand);background:var(--brand)}.lesson-list{gap:9px;display:grid}.lesson-card{border:1px solid var(--border);background:var(--surface);border-radius:20px;grid-template-columns:48px minmax(0,1fr) 24px;align-items:center;gap:12px;min-height:88px;padding:13px;transition:transform .16s,box-shadow .18s;display:grid}.lesson-card:active{transform:scale(.985)}.lesson-card__number{width:48px;height:48px;color:var(--brand);background:var(--brand-soft);border-radius:16px;place-items:center;font-weight:850;display:grid}.lesson-card__copy{min-width:0}.lesson-card h3{text-overflow:ellipsis;white-space:nowrap;font-size:16px;overflow:hidden}.lesson-card p{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.lesson-card--locked{color:var(--text-muted);background:#f4f3f7}.lesson-card--locked .lesson-card__number{color:var(--text-muted);background:#e8e7ec}.lesson-card--done .lesson-card__number{color:var(--success);background:var(--success-soft)}.empty-inline{color:var(--text-muted);text-align:center;padding:28px 12px;font-size:14px}.lesson-hero{color:#fff;background:linear-gradient(140deg, var(--brand), var(--brand-strong));border-radius:23px;justify-content:space-between;align-items:center;gap:14px;padding:18px;display:flex}.lesson-hero .eyebrow{color:var(--brand-secondary)}.letter-cloud{flex-wrap:wrap;gap:7px;margin-top:8px;display:flex}.letter-cloud span{background:#ffffff1f;border:1px solid #ffffff26;border-radius:11px;padding:6px 10px;font-size:15px;font-weight:850}.lesson-hero .feature-icon{color:#fff;background:#ffffff24}.dictation-guide{color:#75520a;background:#fff6d9;border-radius:15px;align-items:flex-start;gap:9px;margin:13px 0 20px;padding:12px 13px;font-size:12px;display:flex}.dictation-guide svg{flex:none;margin-top:2px}.content-heading{justify-content:space-between;align-items:center;margin-bottom:10px;font-weight:850;display:flex}.content-heading small{color:var(--text-muted);font-weight:650}.dictation-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.dictation-list li{border:1px solid var(--border);background:var(--surface);border-radius:18px;grid-template-columns:34px minmax(0,1fr);align-items:start;gap:10px;padding:15px;display:grid}.dictation-list li>span{width:34px;height:34px;color:var(--brand);background:var(--brand-soft);border-radius:11px;place-items:center;font-size:12px;font-weight:850;display:grid}.dictation-list p{line-height:1.9}.lesson-action{bottom:calc(88px + var(--safe-bottom));box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffeb;border:1px solid #ffffffe6;border-radius:20px;margin-top:18px;padding:10px;position:sticky}.completion-message{color:var(--success);align-items:center;gap:10px;padding:7px;display:flex}.completion-message div{display:grid}.completion-message span{color:var(--text-muted);font-size:11px}.profile-summary{color:#fff;background:linear-gradient(140deg, var(--brand), var(--brand-strong));box-shadow:var(--shadow-md);border-radius:23px;grid-template-columns:60px minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px;display:grid}.profile-summary__avatar{background:#ffffff24;border-radius:20px;place-items:center;width:60px;height:60px;display:grid}.profile-summary h2{font-size:19px}.profile-summary p{color:#ffffffb8;text-align:right;direction:ltr;font-size:12px}.premium-badge{color:#5e4000;background:#ffe39a;border-radius:999px;align-items:center;gap:4px;padding:5px 8px;font-size:10px;font-weight:850;display:inline-flex}.learner-profile-list{gap:8px;display:grid}.learner-profile-list article{border:1px solid var(--border);background:var(--surface);border-radius:18px;grid-template-columns:46px minmax(0,1fr) 48px;align-items:center;gap:10px;padding:10px;display:grid}.learner-profile-list article>div{display:grid}.learner-profile-list article span{color:var(--text-muted);font-size:11px}.profile-upgrade{color:#5e4000;cursor:pointer;background:#fff6d9;border:1px solid #f2dda6;border-radius:19px;grid-template-columns:45px minmax(0,1fr) 22px;align-items:center;gap:10px;margin-top:14px;padding:13px;display:grid}.profile-upgrade>span{background:#ffe39a;border-radius:14px;place-items:center;width:45px;height:45px;display:grid}.profile-upgrade div{display:grid}.profile-upgrade small{color:#806a38}.settings-group{margin-top:24px}.settings-group>h2{margin-bottom:9px;font-size:15px}.settings-card{border:1px solid var(--border);background:var(--surface);border-radius:19px;overflow:hidden}.settings-row{grid-template-columns:43px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:66px;padding:10px 12px;display:grid}.settings-row+.settings-row{border-top:1px solid var(--border)}.settings-row__icon{width:43px;height:43px;color:var(--brand);background:var(--brand-soft);border-radius:14px;place-items:center;display:grid}.settings-row>div{display:grid}.settings-row strong{font-size:14px}.settings-row small{color:var(--text-muted);font-size:10px}.profile-page>.button--danger{margin-top:24px}.purchase-hero{text-align:center;background:radial-gradient(circle at 50% 0,#62d7d138,#0000 55%),linear-gradient(160deg,#f3f0ff,#fff);border:1px solid #e5dcff;border-radius:28px;padding:28px 20px 22px;position:relative;overflow:hidden}.purchase-hero__crown{color:#8b6000;background:linear-gradient(145deg,#ffe9a9,#ffd66e);border-radius:25px;place-items:center;width:78px;height:78px;margin:0 auto 14px;display:grid;box-shadow:0 14px 28px #a36e002e}.purchase-hero h1{max-width:430px;margin:5px auto 0;font-size:clamp(26px,7vw,36px);line-height:1.35}.purchase-hero>p{max-width:420px;color:var(--text-muted);margin:8px auto 0;font-size:13px}.price{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:5px;margin-top:19px;display:flex}.price strong{color:var(--brand);font-variant-numeric:tabular-nums;font-size:34px}.price span{font-weight:800}.price small{width:100%;color:var(--text-muted);font-size:10px}.benefit-list{gap:8px;margin:16px 0 22px;display:grid}.benefit-list article{border:1px solid var(--border);background:var(--surface);border-radius:18px;grid-template-columns:44px minmax(0,1fr) 20px;align-items:center;gap:10px;padding:12px;display:grid}.benefit-list article>span{width:44px;height:44px;color:var(--brand);background:var(--brand-soft);border-radius:14px;place-items:center;display:grid}.benefit-list article>div{display:grid}.benefit-list strong{font-size:14px}.benefit-list small{color:var(--text-muted);font-size:10px}.benefit-list article>svg{color:var(--success)}.gateway-picker{gap:8px;margin-bottom:16px}.gateway-picker legend{margin-bottom:6px}.gateway-picker label{border:1.5px solid var(--border);background:var(--surface);cursor:pointer;border-radius:17px;grid-template-columns:45px minmax(0,1fr) 22px;align-items:center;gap:10px;min-height:64px;padding:9px 12px;display:grid}.gateway-picker label:has(input:checked){border-color:var(--brand);background:var(--brand-soft)}.gateway-picker input{opacity:0;position:absolute}.gateway-picker__mark{width:45px;height:45px;color:var(--brand);background:var(--surface);border-radius:14px;place-items:center;font-weight:900;display:grid}.gateway-picker label>span:nth-of-type(2){display:grid}.gateway-picker small{color:var(--text-muted);font-size:10px}.gateway-picker i{border:2px solid var(--border);border-radius:50%;place-items:center;width:19px;height:19px;display:grid}.gateway-picker label:has(input:checked) i{border:5px solid var(--brand);background:#fff}.purchase-note{color:var(--text-muted);justify-content:center;align-items:center;gap:5px;margin-top:10px;font-size:10px;display:flex}.purchase-success-card,.result-card{text-align:center;border:1px solid var(--border);background:var(--surface);max-width:480px;box-shadow:var(--shadow-md);border-radius:28px;margin:10dvh auto 0;padding:30px 20px}.purchase-success-card>span,.result-card__icon{width:78px;height:78px;color:var(--success);background:var(--success-soft);border-radius:25px;place-items:center;margin:0 auto 16px;display:grid}.purchase-success-card h1,.result-card h1{margin-top:5px;font-size:27px}.purchase-success-card p,.result-card p{color:var(--text-muted);margin:7px 0 20px;font-size:13px}.result-card--failed .result-card__icon{color:var(--danger);background:var(--danger-soft)}.skeleton-list{gap:10px;display:grid}.skeleton-card{background:var(--surface);border-radius:19px;grid-template-columns:48px 1fr;align-items:center;gap:12px;min-height:82px;padding:14px;display:grid}.skeleton-card>span,.skeleton-card i{background:linear-gradient(90deg,#ecebf2 20%,#f7f6fa 50%,#ecebf2 80%) 0 0/220% 100%;border-radius:10px;animation:1.5s infinite shimmer;display:block;overflow:hidden}.skeleton-card>span{width:48px;height:48px}.skeleton-card>div{gap:9px;display:grid}.skeleton-card i{width:70%;height:12px}.skeleton-card i:last-child{width:42%;height:9px}.empty-state{text-align:center;justify-items:center;padding:42px 18px;display:grid}.empty-state__icon{width:56px;height:56px;color:var(--brand);background:var(--brand-soft);border-radius:19px;place-items:center;margin-bottom:12px;display:grid}.empty-state h2{font-size:19px}.empty-state p{max-width:340px;color:var(--text-muted);margin-top:5px;font-size:13px}.splash-screen{background:radial-gradient(circle,#62d7d133,#0000 40%),#f2f0ff;place-content:center;justify-items:center;min-height:100dvh;padding:24px;display:grid}.splash-screen img{z-index:1;position:relative}.splash-screen__pulse{background:#dedbed;border-radius:999px;width:100px;height:6px;margin-top:22px;overflow:hidden}.splash-screen__pulse:after{border-radius:inherit;background:var(--brand);content:"";width:42%;height:100%;animation:1.2s ease-in-out infinite loading-slide;display:block}.splash-screen p{color:var(--text-muted);margin-top:10px;font-size:12px}.install-prompt{z-index:150;right:16px;bottom:calc(92px + var(--safe-bottom));color:#fff;background:var(--brand-strong);box-shadow:var(--shadow-md);border-radius:18px;grid-template-columns:34px minmax(0,1fr) auto 36px;align-items:center;gap:8px;padding:10px;display:grid;position:fixed;left:16px}.install-prompt>div{display:grid}.install-prompt strong{font-size:12px}.install-prompt span{color:#ffffffad;font-size:10px}.install-prompt__action,.install-prompt__close{color:#fff;cursor:pointer;background:#ffffff21;border:0;border-radius:12px;min-height:40px;font-weight:800}.install-prompt__action{padding-inline:12px}.install-prompt__close{place-items:center;width:36px;display:grid}.page-enter-active,.page-leave-active{transition:opacity .18s,transform .22s}.page-enter-from{opacity:0;transform:translateY(8px)}.page-leave-to{opacity:0;transform:translateY(-4px)}.sheet-enter-active,.sheet-leave-active{transition:opacity .2s}.sheet-enter-active .bottom-sheet,.sheet-leave-active .bottom-sheet{transition:transform .26s cubic-bezier(.22,1,.36,1)}.sheet-enter-from,.sheet-leave-to{opacity:0}.sheet-enter-from .bottom-sheet,.sheet-leave-to .bottom-sheet{transform:translateY(100%)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{background-position:-220% 0}}@keyframes loading-slide{0%{transform:translate(135%)}50%{transform:translate(-15%)}to{transform:translate(-135%)}}@media (width>=680px){.app-frame{border-inline:1px solid #4338a814;max-width:760px;box-shadow:0 0 60px #29225e14}.page{padding-inline:32px}.bottom-nav{width:600px;left:auto;right:50%;transform:translate(50%)}.placement-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.welcome-card{min-height:220px;padding:30px}.stats-grid{gap:12px}.stats-grid article{padding:16px}}@media (width>=1024px){.app-frame{max-width:920px}.page{padding-inline:48px}.bottom-nav{width:700px}.quick-lessons{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=360px){.page,.auth-page,.onboarding-page{padding-inline:13px}.welcome-card{padding:19px 16px}.welcome-card>.learner-avatar{display:none}.continue-card__footer{flex-direction:column;align-items:stretch}.stats-grid{gap:5px}.stats-grid article{padding:10px 7px}}@media (orientation:landscape) and (height<=520px){.auth-page{grid-template-columns:minmax(220px,.8fr) minmax(360px,1.2fr);align-items:center;gap:24px;display:grid}.auth-hero{margin-bottom:0}.auth-hero__mark{width:78px;height:78px}.auth-hero__mark img{width:66px}.auth-card{width:100%;max-height:calc(100dvh - 30px);overflow-y:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}