:root{font-family:Inter,Segoe UI,system-ui,sans-serif;color:var(--page-text);background:var(--page-bg);color-scheme:dark;--page-text: #eef7ff;--page-bg: #050a1e;--body-top: #05091b;--body-middle: #071127;--body-accent-one: rgba(92, 52, 255, .16);--body-accent-two: rgba(0, 210, 255, .1);--app-primary: #12d9ff;--app-primary-dark: #0a1233;--app-primary-bg: #071127;--app-add1: #19e3b1;--app-add1-light: #7cf8d8;--app-add1-dark: #0f9f80;--app-add2: #d94dff;--app-add2-light: #ec9dff;--app-add2-dark: #9028ba;--neon-border: rgba(66, 198, 255, .22);--neon-panel: rgba(8, 18, 48, .78);--neon-muted: #8fa8c9;--panel-from: rgba(12, 25, 61, .9);--panel-to: rgba(6, 14, 38, .78);--panel-highlight: rgba(255, 255, 255, .04);--panel-shadow: 0 22px 70px rgba(0, 0, 0, .28);--surface-input: rgba(5, 14, 37, .86);--surface-raised: rgba(8, 22, 51, .75);--surface-solid: #08152e;--nav-bg: rgba(4, 9, 27, .86);--nav-text: #effaff;--nav-link: #9fb3d1;--mobile-menu-bg: rgba(5, 13, 34, .97);--footer-bg: rgba(3, 8, 23, .8);--modal-backdrop: rgba(1, 6, 20, .82);--modal-from: rgba(12, 28, 59, .98);--modal-to: rgba(4, 12, 31, .99);--theme-divider: rgba(133, 168, 207, .2);--floating-shadow: 0 26px 80px rgba(0, 0, 0, .55), 0 0 36px rgba(35, 205, 255, .11);--track-bg: #101e3e;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--radius-control: 12px;--radius-panel: 22px;--control-height: 46px;--z-dialog: 10000;scroll-behavior:smooth}html.light{color-scheme:light;--page-text: #14233d;--page-bg: #edf6ff;--body-top: #f8fbff;--body-middle: #eaf5ff;--body-accent-one: rgba(139, 73, 255, .1);--body-accent-two: rgba(0, 181, 219, .1);--app-primary-bg: #edf6ff;--neon-border: rgba(24, 142, 191, .25);--neon-panel: rgba(255, 255, 255, .86);--neon-muted: #5c7391;--panel-from: rgba(255, 255, 255, .96);--panel-to: rgba(237, 247, 255, .92);--panel-highlight: rgba(255, 255, 255, .9);--panel-shadow: 0 18px 48px rgba(40, 85, 125, .12);--surface-input: rgba(255, 255, 255, .88);--surface-raised: rgba(255, 255, 255, .82);--surface-solid: #e8f2fc;--nav-bg: rgba(250, 253, 255, .9);--nav-text: #14233d;--nav-link: #536b88;--mobile-menu-bg: rgba(248, 252, 255, .98);--footer-bg: rgba(237, 247, 255, .9);--modal-backdrop: rgba(22, 38, 62, .45);--modal-from: rgba(255, 255, 255, .99);--modal-to: rgba(235, 247, 255, .99);--theme-divider: rgba(48, 117, 158, .18);--floating-shadow: 0 24px 70px rgba(40, 70, 105, .22), 0 0 30px rgba(35, 205, 255, .08);--track-bg: #dbe9f5}*{box-sizing:border-box}img,video,canvas{max-width:100%}main,section,article,nav,header,footer,div{min-width:0}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 18% 18%,var(--body-accent-one),transparent 28%),radial-gradient(circle at 80% 10%,var(--body-accent-two),transparent 24%),linear-gradient(180deg,var(--body-top) 0%,var(--body-middle) 48%,var(--body-top) 100%);color:var(--page-text);transition:color .25s ease,background-color .25s ease}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}main{min-height:calc(100vh - 140px)}.app-shell{width:min(1180px,calc(100% - 32px));margin:0 auto}.page-section{padding:72px 0}.page-title{margin:0;font-size:clamp(2rem,5vw,3.75rem);line-height:1.05;letter-spacing:-.04em}.page-copy{color:var(--neon-muted);line-height:1.75}.neon-panel{background:linear-gradient(145deg,var(--panel-from),var(--panel-to));border:1px solid var(--neon-border);box-shadow:inset 0 1px var(--panel-highlight),var(--panel-shadow);border-radius:var(--radius-panel);transition:background .25s ease,border-color .25s ease,box-shadow .25s ease}.neon-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:var(--control-height);padding:0 20px;border:1px solid rgba(83,220,255,.45);border-radius:var(--radius-control);color:#041226;font-weight:800;cursor:pointer;background:linear-gradient(100deg,#c744ff,#12d9ff);box-shadow:0 0 26px #12d9ff33;transition:.22s ease}.neon-button:hover{transform:translateY(-2px);filter:brightness(1.08)}.neon-button.secondary{color:var(--page-text);background:var(--surface-raised)}.neon-button.small{min-height:38px;padding:0 14px;font-size:.9rem}.neon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.neon-input,.neon-select,.neon-textarea{width:100%;color:var(--page-text);background:var(--surface-input);border:1px solid rgba(89,179,236,.24);border-radius:var(--radius-control);outline:none;padding:12px 14px}.neon-input:focus,.neon-select:focus,.neon-textarea:focus{border-color:#24d9ff;box-shadow:0 0 0 3px #24d9ff1a}.neon-select option{color:var(--page-text);background:var(--surface-solid)}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.empty-state{padding:44px;text-align:center;color:var(--neon-muted)}.eyebrow{color:#38dcff;text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;font-weight:800}.gold{color:#ffc857}.silver{color:#c7dbef}.mobile-bottom-nav{display:none}::-webkit-scrollbar{width:9px}::-webkit-scrollbar-track{background:var(--body-top)}::-webkit-scrollbar-thumb{background:linear-gradient(#8b4dff,#15d9ff);border-radius:8px}@media (max-width: 900px){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-section{padding:52px 0}}@media (max-width: 620px){.app-shell{width:min(100% - 20px,1180px)}.card-grid{grid-template-columns:1fr}.page-section{padding:38px 0}body{padding-bottom:calc(86px + env(safe-area-inset-bottom))}main{min-height:calc(100svh - 148px)}.mobile-bottom-nav{position:fixed;z-index:4500;left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,1fr);padding:7px;border:1px solid var(--neon-border);border-radius:17px;background:var(--mobile-menu-bg);backdrop-filter:blur(16px);box-shadow:var(--floating-shadow)}.mobile-bottom-nav a{min-width:0;display:grid;place-items:center;gap:3px;padding:7px 3px;color:#7691b5;border-radius:11px;font-size:.66rem}.mobile-bottom-nav a svg{font-size:1.1rem}.mobile-bottom-nav a.active{color:#51e5ff;background:linear-gradient(120deg,#7026b455,#08748c55)}.empty-state{padding:32px 18px}.neon-panel{border-radius:17px}.page-title{font-size:clamp(2rem,11vw,3rem)}.login-modal{scrollbar-width:none}.login-modal::-webkit-scrollbar{display:none}}html.light .quick-card,html.light .catalog-tabs button,html.light .search-field,html.light .dashboard-balances>div,html.light .avatar-item{color:var(--page-text);background:var(--surface-raised);border-color:var(--neon-border);box-shadow:var(--panel-shadow)}html.light .search-field input,html.light .progress-course,html.light .lesson-row,html.light .dashboard-balances b{color:var(--page-text)}html.light .teacher-hero,html.light .lesson-finish{background:linear-gradient(120deg,#eee0ffe6,#e0f7ffeb)}html.light .progress-track,html.light .course-progress>div{background:var(--track-bg)}html.light .benefit-section{background:linear-gradient(180deg,transparent,rgba(213,232,250,.62))}html.light .course-teaser-body p,html.light .course-teaser-body footer small,html.light .benefit-card p,html.light .catalog-body p,html.light .catalog-body footer span,html.light .course-hero-info>p,html.light .course-meta,html.light .lesson-row small,html.light .lesson-row>span:last-child,html.light .lesson-side-meta,html.light .lesson-content>header p,html.light .game-material p,html.light .lesson-finish p,html.light .dashboard-hero p,html.light .teacher-hero p,html.light .stat-card span,html.light .progress-course span,html.light .avatar-item span,html.light .product-row.header{color:var(--neon-muted)}.notistack-SnackbarContainer,[class*=SnackbarContainer]{z-index:2147483647!important}.app-loader{position:fixed;inset:0;z-index:50000;display:grid;place-items:center;min-width:320px;padding:24px;overflow:hidden;color:var(--page-text, #eef7ff);background:radial-gradient(circle at 18% 18%,var(--body-accent-one, rgba(92, 52, 255, .18)),transparent 34%),radial-gradient(circle at 82% 12%,var(--body-accent-two, rgba(0, 210, 255, .13)),transparent 30%),linear-gradient(145deg,var(--body-top, #05091b),var(--body-middle, #071127));isolation:isolate}.app-loader:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.14;background-image:radial-gradient(circle,var(--app-primary, #12d9ff) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to bottom,transparent,#000 24%,#000 76%,transparent)}.app-loader-glow{position:absolute;z-index:-1;width:min(42vw,520px);aspect-ratio:1;border-radius:50%;filter:blur(90px);opacity:.14;pointer-events:none}.app-loader-glow-one{top:-18%;right:-8%;background:var(--app-primary, #12d9ff)}.app-loader-glow-two{bottom:-22%;left:-8%;background:var(--app-add2, #d94dff)}.app-loader-card{position:relative;width:min(380px,100%);display:grid;justify-items:center;padding:clamp(24px,6vw,38px);overflow:hidden;border:1px solid var(--neon-border, rgba(66, 198, 255, .22));border-radius:clamp(22px,5vw,30px);background:linear-gradient(145deg,var(--panel-from, rgba(12, 25, 61, .94)),var(--panel-to, rgba(6, 14, 38, .9)));box-shadow:inset 0 1px var(--panel-highlight, rgba(255, 255, 255, .05)),var(--floating-shadow, 0 26px 80px rgba(0, 0, 0, .55));backdrop-filter:blur(22px)}.app-loader-card:after{content:"";position:absolute;top:-70%;left:-55%;width:52%;height:230%;transform:rotate(22deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.09),transparent);animation:app-loader-shine 3.8s ease-in-out infinite;pointer-events:none}.app-loader-brand{display:flex;align-items:center;gap:9px;justify-self:start;color:var(--page-text, #eef7ff);font-size:.92rem;font-weight:750;letter-spacing:-.02em}.app-loader-name b{color:var(--app-primary, #12d9ff)}.app-loader-logo{width:32px;height:32px;display:grid;place-items:center;overflow:hidden;border:1px solid color-mix(in srgb,var(--app-primary, #12d9ff) 38%,transparent);border-radius:10px;background:color-mix(in srgb,var(--app-primary, #12d9ff) 10%,transparent);box-shadow:0 0 22px color-mix(in srgb,var(--app-primary, #12d9ff) 16%,transparent)}.app-loader-logo img{width:24px;height:24px;object-fit:contain}.app-loader-orbit{position:relative;width:112px;height:112px;display:grid;place-items:center;margin:28px 0 24px}.app-loader-orbit:before,.app-loader-orbit-line{content:"";position:absolute;inset:0;border:1px solid color-mix(in srgb,var(--app-primary, #12d9ff) 24%,transparent);border-radius:50%}.app-loader-orbit-line{inset:12px;border-color:color-mix(in srgb,var(--app-add2, #d94dff) 25%,transparent)}.app-loader-orbit-dot{position:absolute;inset:0;border-radius:50%;animation:app-loader-orbit 1.7s linear infinite}.app-loader-orbit-dot:before{content:"";position:absolute;top:1px;left:calc(50% - 6px);width:12px;height:12px;border-radius:50%;background:var(--app-primary, #12d9ff);box-shadow:0 0 10px var(--app-primary, #12d9ff),0 0 24px var(--app-primary, #12d9ff)}.app-loader-core{width:68px;height:68px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--app-primary, #12d9ff) 34%,transparent);border-radius:22px;color:#06142b;background:linear-gradient(135deg,var(--app-add2, #d94dff),var(--app-primary, #12d9ff));box-shadow:0 14px 38px color-mix(in srgb,var(--app-primary, #12d9ff) 22%,transparent);font-family:ui-monospace,Cascadia Code,monospace;font-size:1.1rem;font-weight:900;animation:app-loader-breathe 1.7s ease-in-out infinite}.app-loader-copy{display:grid;gap:7px;text-align:center}.app-loader-copy strong{font-size:clamp(1.12rem,4vw,1.35rem);letter-spacing:-.025em}.app-loader-copy span{color:var(--neon-muted, #8fa8c9);font-size:.82rem}.app-loader-track{position:relative;width:100%;height:5px;margin-top:24px;overflow:hidden;border-radius:999px;background:var(--track-bg, #101e3e)}.app-loader-track>span{position:absolute;inset:0 auto 0 0;width:38%;border-radius:inherit;background:linear-gradient(90deg,var(--app-add2, #d94dff),var(--app-primary, #12d9ff),var(--app-add1, #19e3b1));box-shadow:0 0 16px color-mix(in srgb,var(--app-primary, #12d9ff) 45%,transparent);animation:app-loader-track 1.5s ease-in-out infinite}.app-loader-track.has-progress>span{animation:none;transition:width .3s ease}.app-loader-progress{margin-top:9px;color:var(--app-primary, #12d9ff);font-size:.76rem;font-variant-numeric:tabular-nums;font-weight:850}@keyframes app-loader-orbit{to{transform:rotate(360deg)}}@keyframes app-loader-breathe{50%{transform:scale(.94);filter:brightness(1.12)}}@keyframes app-loader-track{0%{left:-40%}55%,to{left:102%}}@keyframes app-loader-shine{0%,30%{left:-65%}70%,to{left:135%}}@media (max-width: 480px){.app-loader{padding:16px}.app-loader-card{padding:24px}.app-loader-orbit{margin-block:24px 20px;transform:scale(.9)}}@media (prefers-reduced-motion: reduce){.app-loader-card:after,.app-loader-orbit-dot,.app-loader-core,.app-loader-track>span{animation:none}.app-loader-track:not(.has-progress)>span{left:31%}}.ui-dialog-backdrop{position:fixed;z-index:var(--z-dialog,12000);inset:0;display:grid;place-items:center;padding:var(--space-4,18px);background:var(--modal-backdrop,rgba(2,8,24,.76));backdrop-filter:blur(12px)}.ui-dialog{width:min(560px,100%);max-height:calc(100dvh - 36px);overflow:auto;color:var(--page-text);border:1px solid var(--neon-border);border-radius:var(--radius-panel,22px);background:linear-gradient(145deg,var(--modal-from),var(--modal-to));box-shadow:var(--floating-shadow,0 28px 90px rgba(0,0,0,.5));outline:none}.ui-dialog-small{width:min(470px,100%)}.ui-dialog-large{width:min(920px,100%)}.ui-dialog-fullscreen{width:min(1440px,calc(100% - 20px));height:calc(100dvh - 20px)}.ui-dialog-danger{border-color:#ff5c7c8c}.ui-dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:24px 24px 16px;border-bottom:1px solid var(--theme-divider)}.ui-dialog-header h2{margin:0;font-size:1.45rem}.ui-dialog-header p{margin:8px 0 0;color:var(--neon-muted);line-height:1.55}.ui-dialog-header-actions{display:flex;align-items:center;gap:8px;flex:none}.ui-dialog-body{padding:22px 24px}.ui-dialog-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px 22px}.ui-dialog-footer-inline{padding:20px 0 0}.ui-icon-button{width:42px;height:42px;display:grid;place-items:center;flex:none;border:1px solid var(--neon-border);border-radius:var(--radius-control,12px);color:var(--page-text);background:var(--surface-raised);cursor:pointer}.ui-icon-button:focus-visible,.ui-button:focus-visible,.ui-input:focus-visible{outline:3px solid color-mix(in srgb,var(--app-primary,#35dcff) 45%,transparent);outline-offset:2px}.ui-button{min-height:var(--control-height,46px);display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 18px;border:1px solid transparent;border-radius:var(--radius-control,12px);font-weight:850;cursor:pointer}.ui-button:disabled{opacity:.55;cursor:not-allowed}.ui-button-primary{color:#06132a;background:linear-gradient(100deg,#c744ff,#17d9ff)}.ui-button-secondary{color:var(--page-text);border-color:var(--neon-border);background:var(--surface-raised)}.ui-button-danger{color:#fff;background:linear-gradient(100deg,#b8245a,#ff5c65)}.ui-field{display:grid;gap:8px;color:var(--neon-muted);font-size:.82rem;font-weight:800}.ui-field small{font-weight:600;line-height:1.4}.ui-field-error small{color:#ff7894}.ui-input,.ui-textarea,.ui-select{min-height:var(--control-height,46px);width:100%;box-sizing:border-box;padding:10px 13px;border:1px solid var(--neon-border);border-radius:var(--radius-control,12px);color:var(--page-text);background:var(--surface-input,var(--surface-raised));font:inherit}.ui-textarea{resize:vertical}.ui-input:focus-visible,.ui-textarea:focus-visible,.ui-select:focus-visible{outline:3px solid color-mix(in srgb,var(--app-primary,#35dcff) 45%,transparent);outline-offset:2px}@media (max-width:560px){.ui-dialog-backdrop{align-items:end;padding:8px}.ui-dialog{width:100%;max-height:calc(100dvh - 16px);border-radius:20px}.ui-dialog-header{padding:20px 18px 14px}.ui-dialog-body{padding:18px}.ui-dialog-footer{position:sticky;bottom:0;padding:14px 18px calc(14px + env(safe-area-inset-bottom));background:var(--modal-to);flex-direction:column-reverse}.ui-dialog-footer .ui-button{width:100%}.ui-dialog-footer-inline{position:static;padding:18px 0 0}}@media (prefers-reduced-motion:reduce){.ui-dialog-backdrop{backdrop-filter:none}}.cookie-notice{position:fixed;z-index:9000;right:18px;bottom:18px;width:min(620px,calc(100vw - 36px));display:grid;grid-template-columns:42px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:14px;border:1px solid var(--neon-border);border-radius:16px;color:var(--page-text);background:linear-gradient(145deg,var(--modal-from),var(--modal-to));box-shadow:var(--floating-shadow);backdrop-filter:blur(16px)}.cookie-notice-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;color:#07162d;background:linear-gradient(135deg,#ffd66b,#f59e0b);font-size:1.25rem}.cookie-notice>div{display:grid;gap:3px}.cookie-notice strong{font-size:.86rem}.cookie-notice p{margin:0;color:var(--neon-muted);font-size:.72rem;line-height:1.5}.cookie-notice a{color:#25c7e4;font-weight:800;text-decoration:underline;text-underline-offset:2px}.cookie-notice-accept{min-height:38px;padding:0 13px;border:1px solid #32c9e5;border-radius:10px;color:#06152a;background:#52daf2;cursor:pointer;font-weight:850}.cookie-notice-close{width:36px;height:36px;display:grid;place-items:center;padding:0;border:1px solid var(--neon-border);border-radius:10px;color:var(--page-text);background:var(--surface-raised);cursor:pointer}@media (max-width:620px){.cookie-notice{right:10px;bottom:calc(86px + env(safe-area-inset-bottom));width:calc(100vw - 20px);grid-template-columns:36px minmax(0,1fr) 34px;padding:12px;gap:9px}.cookie-notice-icon{width:36px;height:36px}.cookie-notice-accept{grid-column:1/-1;width:100%}.cookie-notice-close{grid-column:3;grid-row:1}.cookie-notice>div{grid-column:2;grid-row:1/3}}body:has(.practice-editor-page) .cookie-notice{bottom:18px}html[data-seasonal-theme=halloween]{--page-bg: #100817;--body-top: #0a0712;--body-middle: #1a0c25;--body-accent-one: rgba(255, 115, 28, .18);--body-accent-two: rgba(147, 65, 255, .16);--app-primary: #ff8a2a;--app-add1: #a8ef45;--app-add1-light: #d0ff85;--app-add1-dark: #6aa81f;--app-add2: #b968ff;--app-add2-light: #ddb0ff;--app-add2-dark: #7e2fbd;--neon-border: rgba(255, 139, 51, .32);--neon-panel: rgba(25, 11, 35, .84);--neon-muted: #b9a5c7;--panel-from: rgba(34, 15, 47, .94);--panel-to: rgba(17, 9, 29, .88);--surface-input: rgba(21, 10, 31, .9);--surface-raised: rgba(35, 16, 48, .84);--surface-solid: #1a0d25;--nav-bg: rgba(13, 7, 21, .9);--mobile-menu-bg: rgba(19, 9, 29, .98);--footer-bg: rgba(12, 6, 19, .9);--theme-divider: rgba(255, 153, 70, .2);--track-bg: #281535}html.light[data-seasonal-theme=halloween]{--page-bg: #fff7eb;--body-top: #fffaf2;--body-middle: #f8edff;--body-accent-one: rgba(255, 132, 38, .15);--body-accent-two: rgba(139, 70, 210, .12);--neon-border: rgba(181, 94, 23, .27);--neon-panel: rgba(255, 251, 244, .9);--neon-muted: #705e79;--panel-from: rgba(255, 253, 247, .98);--panel-to: rgba(249, 238, 255, .94);--surface-input: rgba(255, 252, 246, .94);--surface-raised: rgba(255, 249, 239, .9);--surface-solid: #fff5e7;--nav-bg: rgba(255, 250, 241, .92);--mobile-menu-bg: rgba(255, 249, 240, .98);--footer-bg: rgba(250, 239, 255, .92);--theme-divider: rgba(159, 83, 25, .17);--track-bg: #eadcf0}html[data-seasonal-theme=halloween] body{background:radial-gradient(circle at 14% 16%,rgba(255,119,31,.16),transparent 25%),radial-gradient(circle at 84% 9%,rgba(144,55,221,.19),transparent 27%),linear-gradient(180deg,var(--body-top),var(--body-middle) 48%,var(--body-top))}html[data-seasonal-theme=halloween] .neon-button:not(.secondary){border-color:#ffb14da6;background:linear-gradient(105deg,#b24fff,#ff862d 58%,#ffd05d);box-shadow:0 0 28px #ff7e233d}html[data-seasonal-theme=halloween] .eyebrow,html[data-seasonal-theme=halloween] .catalog-body small,html[data-seasonal-theme=halloween] .catalog-body footer b{color:#ff9a3f}html[data-seasonal-theme=halloween] .catalog-page{background:radial-gradient(circle at 9% 3%,rgba(255,126,33,.11),transparent 24%),radial-gradient(circle at 92% 12%,rgba(162,74,236,.12),transparent 26%)}html[data-seasonal-theme=halloween] .catalog-card:hover{border-color:#ff9237ad;box-shadow:0 22px 65px #2a0d324d,0 0 26px #ff7e231a}html[data-seasonal-theme=halloween] .catalog-cover:not(.has-image){color:#ff9b3f;background:radial-gradient(circle,rgba(255,126,35,.25),transparent 54%),linear-gradient(135deg,#24102f,#351333)}html[data-seasonal-theme=halloween] ::-webkit-scrollbar-thumb{background:linear-gradient(#a84de4,#ff8b2c)}
