/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-outline-style:solid;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:"Vazirmatn", system-ui, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.outline{outline-style:var(--tw-outline-style);outline-width:1px}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}}html{font-family:Vazirmatn,system-ui,sans-serif}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-ease{syntax:"*";inherits:false}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f8f9fd;color:#22243a;font-family:Vazirmatn,sans-serif;line-height:1.7}button{font:inherit;cursor:pointer}button:focus-visible{outline:3px solid #ac9bf7;outline-offset:3px}.app-shell{min-height:100vh;display:flex;direction:rtl}.sidebar{width:254px;flex:0 0 254px;background:#fff;border-left:1px solid #eef0f5;min-height:100vh;padding:29px 19px 25px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand,.mobile-brand{display:flex;align-items:center;gap:11px;border:0;background:none;text-align:right;color:#25243a;padding:0}.brand{margin:0 9px 67px}.brand-mark{width:42px;height:42px;flex:0 0 42px;display:flex;align-items:center;justify-content:center;background:#7055e8;color:#fff;border-radius:14px;transform:rotate(-6deg);box-shadow:0 6px 13px #7055e82b}.brand-mark svg{transform:rotate(6deg)}.brand-copy{display:flex;flex-direction:column;line-height:1.4}.brand-copy strong,.mobile-brand strong{font-size:22px;font-weight:900;letter-spacing:-.5px}.brand-copy small{font-size:10px;color:#9698a7;margin-top:5px;font-weight:600}.side-label{font-size:11px;font-weight:800;color:#a4a7b5;margin:0 16px 15px}.side-nav{display:grid;gap:7px}.side-link{width:100%;border:0;background:transparent;color:#83879a;display:flex;align-items:center;gap:15px;text-align:right;padding:13px 16px;border-radius:12px;font-size:14px;font-weight:700;min-height:49px;transition:.2s}.side-link:hover{background:#f7f5ff;color:#7055e8}.side-link.active{background:#f1edff;color:#7055e8}.nav-chevron{margin-right:auto}.sidebar-bottom{margin-top:auto;background:#f5f1ff;border-radius:20px;padding:21px 17px 17px;text-align:center;color:#3d3765;position:relative;overflow:hidden}.sidebar-bottom:before{content:"";position:absolute;width:100px;height:100px;border:1px solid #dfd4ff;border-radius:50%;left:-50px;top:-35px}.sidebar-illustration{height:90px;color:#8067e9;display:flex;justify-content:center;align-items:center;position:relative}.sidebar-illustration>span{font-size:28px;color:#f3b356;position:absolute;top:-7px;right:30px}.sidebar-illustration svg{background:#fff;border-radius:13px;padding:10px;width:69px;height:69px;transform:rotate(-10deg);box-shadow:0 12px 22px #5e48b51e}.sidebar-bottom strong{font-size:14px;font-weight:900}.sidebar-bottom p{font-size:11px;color:#8c88a6;line-height:1.9;margin:7px 0 14px}.side-dots{display:flex;justify-content:center;gap:5px}.side-dots i{height:5px;width:5px;border-radius:50%;background:#d5c9f6}.side-dots i:first-child{width:14px;background:#8b75e9}.main-area{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:76px;flex:0 0 76px;background:#fff;border-bottom:1px solid #eff0f5;display:flex;justify-content:space-between;align-items:center;padding:0 clamp(24px,4vw,64px);gap:15px}.breadcrumb{display:flex;align-items:center;gap:10px;font-size:13px;color:#a0a2ae}.breadcrumb strong{color:#38394c;font-weight:800}.topbar-right{display:flex;align-items:center;gap:20px}.grade-pill{font-size:12px;font-weight:800;color:#7361c9;background:#f3f0ff;border-radius:30px;padding:8px 12px;display:flex;align-items:center;gap:7px}.grade-dot{width:7px;height:7px;background:#8569ef;border-radius:50%}.avatar{width:36px;height:36px;border-radius:12px;background:#fff0dc;color:#d18d36;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:900}.mobile-brand{display:none}.content{width:100%;max-width:1360px;margin:0 auto;padding:32px clamp(24px,4vw,64px) 55px;flex:1}.hero{min-height:335px;border-radius:24px;background:#7055e8;display:flex;position:relative;overflow:hidden;color:#fff;padding:45px 54px 39px}.hero:before{content:"";position:absolute;width:470px;height:470px;border:1px solid #ffffff20;border-radius:50%;left:-130px;top:-140px;box-shadow:0 0 0 55px #ffffff09,0 0 0 115px #ffffff07}.hero-text{position:relative;z-index:2;width:58%;max-width:540px}.eyebrow{display:inline-flex;align-items:center;gap:7px;color:#fff2c5;background:#ffffff20;border:1px solid #ffffff24;border-radius:30px;padding:5px 13px;font-size:12px;font-weight:800}.hero h1{font-size:clamp(28px,3.2vw,43px);line-height:1.43;letter-spacing:-.8px;margin:17px 0 10px;font-weight:900}.hero h1 span{color:#ffdc80}.hero p{font-size:13px;line-height:2.05;color:#ebe6ff;max-width:410px;margin:0 0 19px}.hero-button{border:0;border-radius:11px;background:#fff;color:#6f55da;padding:11px 19px;display:inline-flex;align-items:center;gap:24px;font-size:13px;font-weight:900;min-height:45px;box-shadow:0 9px 22px #4125a842;transition:.2s}.hero-button:hover{transform:translateY(-3px);background:#fff9e9}.hero-art{position:absolute;left:6%;top:0;height:100%;width:37%;display:flex;align-items:center;justify-content:center}.orbit{position:absolute;border:1px dashed #ffffff40;border-radius:50%}.orbit-one{width:270px;height:270px}.orbit-two{width:340px;height:340px}.art-board{height:191px;width:225px;background:#fff;border-radius:19px;transform:rotate(-8deg);box-shadow:16px 22px #553bc4,20px 32px 35px #3a20a258;position:relative;z-index:1;text-align:center;color:#3b3360;padding:27px 23px}.board-pin{position:absolute;top:-12px;left:50%;height:26px;width:51px;background:#ffd477;border-radius:5px;transform:translate(-50%);box-shadow:0 4px #eab95b}.board-line{height:5px;background:#ede8ff;border-radius:10px;width:55px;margin:4px auto 16px}.board-question{font-size:26px;font-weight:900;direction:rtl;line-height:1.5}.board-choices{display:flex;gap:10px;justify-content:center;margin-top:7px}.board-choices span{width:62px;height:30px;background:#f3f1fb;border-radius:7px;font-weight:800;font-size:15px}.board-choices .checked{background:#dff7ed;color:#27aa76;display:flex;align-items:center;justify-content:center;gap:4px}.board-bottom{display:flex;gap:5px;justify-content:center;margin-top:16px}.board-bottom i{width:5px;height:5px;background:#ded9ed;border-radius:50%}.board-bottom i:first-child{background:#8568ed;width:15px}.floating-badge{position:absolute;background:#fff;color:#4b446b;border-radius:10px;padding:8px 12px;box-shadow:0 9px 20px #2c169a3b;z-index:2;font-size:11px;font-weight:900;display:flex;align-items:center;gap:7px;white-space:nowrap}.badge-top{top:48px;right:5%;transform:rotate(8deg)}.badge-top svg{color:#f3af44}.badge-bottom{bottom:37px;left:-1%;transform:rotate(6deg)}.badge-bottom svg{color:#e5a837}.art-spark{position:absolute;color:#ffd478;font-size:30px}.spark-one{top:23px;left:19%}.spark-two{bottom:42px;right:1%;font-size:25px}.spark-three{bottom:24px;left:16%;font-size:17px}.stats-strip{display:flex;align-items:center;justify-content:space-around;background:#fff;border:1px solid #eef0f5;border-radius:17px;margin-top:22px;padding:17px 15px;box-shadow:0 6px 25px #1c235108}.stat-item{display:flex;align-items:center;gap:13px;min-width:0}.stat-icon{width:45px;height:45px;border-radius:13px;display:flex;align-items:center;justify-content:center;flex:0 0 45px}.stat-icon.purple{background:#eeeaff;color:#8067e9}.stat-icon.orange{background:#fff1df;color:#e7a14c}.stat-icon.green{background:#e5f8f0;color:#29aa81}.stat-item div{display:flex;flex-direction:column}.stat-item strong{font-size:14px;font-weight:900;white-space:nowrap}.stat-item small{font-size:11px;color:#a0a3b1}.stat-divider{height:38px;width:1px;background:#ebeef3}.subjects-section{margin-top:48px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:22px}.section-kicker{color:#795ee7;font-size:12px;font-weight:900;margin-bottom:5px}.section-heading h2,.how-copy h2,.progress-list-header h2{font-size:23px;letter-spacing:-.4px;font-weight:900;margin:0 0 3px}.section-heading p,.how-copy p,.progress-list-header p{margin:0;color:#9b9dab;font-size:13px}.section-count{background:#fff;border:1px solid #eef0f5;border-radius:9px;padding:7px 12px;font-size:11px;font-weight:800;color:#8c8fa1;white-space:nowrap}.subject-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.subject-card{position:relative;min-width:0;text-align:right;border:1px solid #eff0f4;background:#fff;border-radius:17px;padding:21px 21px 17px;min-height:198px;color:#2d2d40;box-shadow:0 4px 18px #222b5907;transition:transform .22s,box-shadow .22s,border-color .22s;display:flex;flex-direction:column}.subject-card:hover{transform:translateY(-5px);box-shadow:0 14px 30px #28215c13;border-color:var(--subject-color)}.subject-card-top{display:flex;justify-content:space-between;align-items:flex-start}.subject-symbol,.quiz-subject-icon,.progress-row-icon{width:46px;height:46px;border-radius:13px;background:var(--subject-light);color:var(--subject-color);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:900;line-height:1}.subject-tag{color:var(--subject-color);background:var(--subject-light);border-radius:20px;font-size:10px;font-weight:800;padding:4px 9px}.subject-card h3{font-size:17px;font-weight:900;margin:15px 0 0}.subject-card p{font-size:12px;color:#a3a5b2;margin:0 0 18px}.subject-card-footer{margin-top:auto;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f1f2f6;padding-top:12px}.subject-card-footer>span:first-child{display:flex;align-items:center;gap:5px;color:#999bac;font-size:11px;font-weight:700}.card-arrow{width:27px;height:27px;border-radius:8px;background:var(--subject-light);color:var(--subject-color);display:flex;align-items:center;justify-content:center}.completed-label{position:absolute;left:19px;top:61px;font-size:10px;font-weight:800;color:var(--subject-color);display:flex;gap:3px;align-items:center}.how-section{display:flex;align-items:center;gap:30px;margin-top:54px;background:#fff;border:1px solid #eff0f5;border-radius:20px;padding:28px 32px}.how-copy{width:28%;flex:0 0 28%}.how-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;flex:1}.how-step{display:flex;gap:10px;align-items:flex-start}.step-number{width:29px;height:29px;flex:0 0 29px;display:flex;justify-content:center;align-items:center;border-radius:9px;background:#f0ecff;color:#7a60e8;font-size:13px;font-weight:900}.how-step strong{font-size:12px;font-weight:900;display:block;line-height:1.6}.how-step p{font-size:11px;color:#9fa1ad;line-height:1.9;margin:4px 0 0}.footer{width:100%;max-width:1360px;margin:0 auto;padding:22px clamp(24px,4vw,64px) 24px;border-top:1px solid #eceef4;display:flex;justify-content:space-between;gap:12px;color:#a3a5b1;font-size:11px}.footer-heart{color:#ed8b9a}.mobile-nav{display:none}.back-link{border:0;background:none;color:#85889a;font-size:13px;font-weight:800;display:flex;align-items:center;gap:8px;padding:4px 0;margin:2px 0 22px;min-height:44px}.back-link:hover{color:#7055e8}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:20px;align-items:start}.quiz-panel{background:#fff;border:1px solid #eef0f5;border-radius:19px;overflow:hidden;box-shadow:0 8px 26px #222b5908}.quiz-header{padding:22px 27px;display:flex;justify-content:space-between;align-items:center;gap:12px}.quiz-subject{display:flex;align-items:center;gap:11px}.quiz-subject-icon{width:43px;height:43px;font-size:23px}.quiz-subject>span:last-child{display:flex;flex-direction:column}.quiz-subject strong{font-size:15px;font-weight:900}.quiz-subject small{font-size:11px;color:#a4a6b3}.question-count{border-radius:8px;background:#f5f3ff;color:#765fe1;font-size:12px;font-weight:800;padding:6px 12px;white-space:nowrap}.progress-track{height:5px;background:#f0edfc}.progress-fill{height:100%;background:#8067e9;transition:width .3s;border-radius:8px}.quiz-body{padding:32px 36px 33px}.question-label{display:inline-flex;align-items:center;gap:6px;color:#765ce5;font-size:12px;font-weight:900}.quiz-body h1{font-size:clamp(20px,2.3vw,27px);line-height:1.75;font-weight:900;margin:11px 0 17px}.question-hint{font-size:12px;color:#989aa9;margin:0 0 14px}.answer-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.answer-option{min-height:64px;display:flex;align-items:center;gap:11px;text-align:right;background:#fff;border:1.5px solid #e9eaf1;border-radius:12px;padding:10px 13px;color:#414252;font-size:14px;font-weight:700;transition:.2s;min-width:0}.answer-option:not(:disabled):hover{border-color:#907bf0;background:#faf8ff;transform:translateY(-2px)}.answer-option:disabled{cursor:default}.answer-letter{background:#f4f4f8;color:#85899b;border-radius:8px;width:34px;height:34px;flex:0 0 34px;display:flex;justify-content:center;align-items:center;font-size:12px;font-weight:900}.answer-text{flex:1;min-width:0;overflow-wrap:anywhere}.answer-option.correct{border-color:#40b98b;background:#effbf5;color:#188760}.answer-option.correct .answer-letter{background:#d8f4e6;color:#279a71}.answer-option.wrong{border-color:#ed8e91;background:#fff3f3;color:#ce686b}.answer-option.wrong .answer-letter{background:#ffe1e1;color:#ce686b}.answer-option.muted{opacity:.52}.feedback{border-radius:12px;padding:14px 17px;margin-top:20px}.feedback.success{background:#effaf5;color:#23825f}.feedback.error{background:#fff7e8;color:#9b7030}.feedback-title{display:flex;align-items:center;gap:8px;font-size:13px}.feedback p{font-size:12px;line-height:1.9;margin:6px 28px 0}.quiz-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:29px;padding-top:20px;border-top:1px solid #f0f1f5}.answer-tip{color:#a2a4b1;font-size:11px}.primary-button{border:0;background:#7055e8;color:#fff;border-radius:11px;padding:11px 18px;min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:13px;font-weight:900;box-shadow:0 6px 14px #7055e829;transition:.2s}.primary-button:hover:not(:disabled){background:#5e42d3;transform:translateY(-2px)}.primary-button:disabled{opacity:.48;cursor:not-allowed;box-shadow:none}.game-aside{border-radius:17px;padding:27px 23px;background:#f1edff;color:#49416f}.game-aside-icon{width:49px;height:49px;border-radius:13px;background:#fff;color:#8168eb;display:flex;align-items:center;justify-content:center;margin-bottom:15px}.game-aside>strong{font-size:15px;font-weight:900}.game-aside>p{font-size:12px;color:#8b85aa;line-height:2;margin:7px 0 20px}.aside-divider{height:1px;background:#ded6f7}.aside-score{display:flex;flex-direction:column;margin-top:17px;gap:2px}.aside-score>span{font-size:11px;color:#827a9e}.aside-score strong{font-size:24px;color:#7257df;font-weight:900}.aside-score small{font-size:12px;color:#8f88a7}.result-wrap{display:flex;justify-content:center;padding:25px 0 50px}.result-card{position:relative;width:100%;max-width:620px;text-align:center;border:1px solid #eeeef5;background:#fff;border-radius:24px;padding:48px 24px 45px;overflow:hidden;box-shadow:0 10px 35px #28215c0c}.result-confetti{position:absolute;top:72px;left:12%;font-size:24px;letter-spacing:30px;color:#e1a1a9}.result-confetti span{color:#e9bc58}.result-trophy{height:86px;width:86px;margin:0 auto 19px;border-radius:27px;background:#fff3d9;color:#e4a83e;display:flex;align-items:center;justify-content:center;transform:rotate(-8deg)}.result-trophy svg{transform:rotate(8deg)}.result-card h1{font-size:25px;font-weight:900;margin:6px 0 4px}.result-card>p{font-size:13px;color:#9698a8;margin:0 auto 25px;max-width:370px}.result-score{margin:0 auto 28px;border:1px dashed #d8ccfc;border-radius:16px;background:#f8f6ff;max-width:230px;display:flex;flex-direction:column;padding:15px}.result-score strong{font-size:44px;line-height:1.3;color:#7055e8;font-weight:900}.result-score span{font-size:12px;color:#7c739f}.result-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.outline-button{border:1px solid #e3dafa;background:#fff;color:#7055e8;border-radius:11px;padding:11px 18px;min-height:46px;display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:900}.outline-button:hover{background:#f7f4ff}.page-intro{margin:10px 0 26px}.page-intro h1{font-size:29px;margin:4px 0;font-weight:900}.page-intro h1 span{color:#eab766}.page-intro p{font-size:13px;color:#9a9caa;margin:0}.progress-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.progress-stat{display:flex;flex-direction:column;align-items:flex-start;border-radius:16px;background:#fff;border:1px solid #eff0f5;padding:19px 21px;box-shadow:0 4px 18px #222b5907}.progress-stat strong{font-size:28px;line-height:1.5;margin-top:10px;font-weight:900}.progress-stat>span:last-child{font-size:12px;color:#9b9dab}.progress-list-header{margin:40px 0 17px}.progress-row{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #eef0f5;border-radius:13px;padding:13px 16px;margin-bottom:10px}.progress-row-icon{width:43px;height:43px;flex:0 0 43px;font-size:21px}.progress-row-title,.progress-row-score{display:flex;flex-direction:column}.progress-row-title{flex:1;min-width:0}.progress-row-title strong,.progress-row-score strong{font-size:13px;font-weight:900}.progress-row-title small,.progress-row-score small{font-size:11px;color:#a1a3b1}.progress-row-score{text-align:center;margin-left:10px}.small-play{width:35px;height:35px;flex:0 0 35px;border:0;border-radius:9px;background:var(--subject-light);color:var(--subject-color);display:flex;align-items:center;justify-content:center}.small-play:hover{filter:brightness(.94)}.empty-progress{background:#fff;border:1px dashed #dcd9eb;border-radius:18px;padding:36px 20px;text-align:center}.empty-progress>span{width:65px;height:65px;border-radius:17px;background:#f2edff;color:#8065e9;display:flex;align-items:center;justify-content:center;margin:0 auto 14px}.empty-progress h3{font-size:17px;margin:0;font-weight:900}.empty-progress p{font-size:12px;color:#a2a4b2;margin:6px 0 18px}.mission-feature{margin-top:28px;display:flex;align-items:center;gap:32px;position:relative;overflow:hidden;border-radius:22px;background:linear-gradient(110deg,#083c33,#127960);color:#fff;padding:28px 36px;min-height:214px}.mission-feature:before{content:"";position:absolute;width:290px;height:290px;border:1px solid #ffffff25;border-radius:50%;left:-85px;top:-50px;box-shadow:0 0 0 45px #ffffff0b}.mission-feature-art{position:relative;z-index:1;flex:0 0 165px;font-size:102px;line-height:1;text-align:center;filter:drop-shadow(0 15px 18px #002e2444)}.mission-feature-art span,.mission-feature-art i{position:absolute;font-style:normal;font-size:38px;filter:drop-shadow(0 5px 5px #002e2444)}.mission-feature-art span{top:-10px;right:0}.mission-feature-art i{bottom:-3px;left:-10px}.mission-feature-copy{position:relative;z-index:1;min-width:0}.mission-feature-kicker{font-size:11px;color:#cef5df;font-weight:800}.mission-feature h2{font-size:24px;line-height:1.5;margin:6px 0;font-weight:900}.mission-feature p{font-size:12px;line-height:2;color:#d4f0e5;margin:0 0 12px;max-width:650px}.mission-feature-meta{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:15px}.mission-feature-meta span{font-size:10px;border:1px solid #ffffff48;border-radius:20px;padding:3px 10px}.mission-feature-button{display:inline-flex;align-items:center;gap:18px;min-height:44px;padding:8px 17px;background:#fff;color:#0d694f;border-radius:10px;font-size:12px;font-weight:900;text-decoration:none;transition:.2s}.mission-feature-button:hover{background:#eaf9f0;transform:translateY(-2px)}.mission-feature-button:focus-visible{outline:3px solid #ffcc69;outline-offset:3px}@media(max-width:680px){.mission-feature{padding:23px;gap:10px;align-items:flex-start}.mission-feature-art{flex:0 0 58px;font-size:48px;margin-top:22px}.mission-feature-art span,.mission-feature-art i{font-size:20px}.mission-feature h2{font-size:19px}.mission-feature p{font-size:11px}.mission-feature-meta span{font-size:9px}}@media(max-width:1100px){.sidebar{width:210px;flex-basis:210px}.content,.topbar,.footer{padding-left:28px;padding-right:28px}.hero{padding:38px}.hero-art{left:2%;width:39%}.how-section{display:block}.how-copy{width:100%;margin-bottom:22px}.subject-grid{gap:12px}.subject-card{padding:18px}.stats-strip{padding:16px 12px}}@media(max-width:850px){.sidebar{display:none}.mobile-brand{display:flex}.mobile-brand .brand-mark{width:34px;height:34px;flex-basis:34px;border-radius:10px}.mobile-brand strong{font-size:19px}.breadcrumb{display:none}.topbar{height:65px;flex-basis:65px;padding:0 24px}.mobile-nav{position:fixed;z-index:20;bottom:0;right:0;left:0;background:#fff;display:flex;justify-content:center;gap:55px;border-top:1px solid #eeeef4;padding:8px 16px calc(7px + env(safe-area-inset-bottom));box-shadow:0 -8px 30px #222b5910}.mobile-nav button{min-height:49px;min-width:80px;border:0;background:none;display:flex;flex-direction:column;align-items:center;gap:2px;color:#a0a2b2;font-size:10px;font-weight:800}.mobile-nav button.active{color:#7055e8}.content{padding:25px 24px 90px}.footer{padding:16px 24px 95px}.subject-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-art{left:4%}.game-layout{grid-template-columns:minmax(0,1fr) 205px}}@media(max-width:680px){.topbar{padding:0 17px}.content{padding:18px 16px 82px}.footer{padding:16px 16px 91px;display:block;text-align:center}.footer>span:last-child{display:none}.grade-pill{display:none}.hero{min-height:420px;padding:29px 26px;display:block}.hero-text{width:100%;max-width:none}.hero h1{font-size:28px;margin-top:13px}.hero p{font-size:12px;max-width:310px;line-height:1.9;margin-bottom:16px}.hero-art{height:170px;top:auto;bottom:0;left:0;width:100%;overflow:hidden}.art-board{transform:rotate(-8deg) scale(.68);margin-top:25px}.orbit-one{width:205px;height:205px}.orbit-two{width:265px;height:265px}.badge-top{top:18px;right:12%;transform:scale(.8) rotate(8deg)}.badge-bottom{bottom:25px;left:8%;transform:scale(.8) rotate(6deg)}.stats-strip{margin-top:13px;padding:13px 9px;justify-content:space-between}.stat-item{gap:6px}.stat-icon{height:33px;width:33px;flex-basis:33px;border-radius:9px}.stat-icon svg{width:17px}.stat-item strong{font-size:10px}.stat-item small{font-size:9px}.stat-divider{height:30px}.subjects-section{margin-top:35px}.section-heading{align-items:start}.section-heading h2,.how-copy h2,.progress-list-header h2{font-size:20px}.section-heading p{font-size:12px}.section-count{display:none}.subject-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.subject-card{min-height:174px;padding:14px;border-radius:14px}.subject-symbol{width:39px;height:39px;font-size:20px}.subject-tag{font-size:9px;padding:3px 6px}.subject-card h3{font-size:15px;margin-top:13px}.subject-card p{font-size:11px;margin-bottom:13px}.completed-label{position:static;margin-top:8px;font-size:9px}.how-section{margin-top:35px;padding:23px 20px}.how-steps{grid-template-columns:1fr;gap:16px}.game-layout{display:block}.game-aside{display:none}.quiz-header{padding:16px;gap:8px}.quiz-subject-icon{width:37px;height:37px;font-size:19px}.quiz-subject strong{font-size:13px}.quiz-subject small{font-size:10px}.question-count{font-size:10px;padding:5px 7px}.quiz-body{padding:23px 17px}.quiz-body h1{font-size:20px;margin:10px 0 15px}.answer-list{grid-template-columns:1fr;gap:9px}.answer-option{min-height:56px}.quiz-actions{align-items:stretch;flex-direction:column;gap:10px;margin-top:22px}.answer-tip{text-align:center}.result-wrap{padding:12px 0}.result-card{padding:39px 18px}.result-card h1{font-size:21px}.result-confetti{left:3%;letter-spacing:16px}.progress-stats{gap:8px}.progress-stat{padding:13px 10px;border-radius:12px}.progress-stat .stat-icon{width:34px;height:34px;flex-basis:34px}.progress-stat strong{font-size:24px}.progress-stat>span:last-child{font-size:10px}.page-intro h1{font-size:25px}.progress-row{gap:9px;padding:11px}.progress-row-score{margin-left:2px}.progress-row-title strong,.progress-row-score strong{font-size:11px}.progress-row-title small,.progress-row-score small{font-size:9px}.progress-row-icon{width:35px;height:35px;flex-basis:35px;font-size:18px}.small-play{width:30px;height:30px;flex-basis:30px}}@media(max-width:375px){.hero{padding:25px 21px}.hero h1{font-size:25px}.stat-item small{display:none}.stat-icon{width:29px;height:29px;flex-basis:29px}.stat-item strong{font-size:10px}.subject-card{padding:12px}.subject-tag{font-size:8px}.progress-row-score{max-width:70px}.progress-row-title small{line-height:1.5}}
