:root{--ink:#10182b;--navy:#111b3d;--navy-2:#192652;--primary:#5a55eb;--primary-strong:#4540d4;--coral:#ff765f;--mint:#45c9a5;--gold:#f4b942;--bg:#f6f7fb;--surface:#fff;--surface-soft:#eef0ff;--text:#15203a;--muted:#687086;--border:#e5e7ef;--danger:#d74646;--success:#168767;--radius:18px;--radius-lg:26px;--shadow:0 16px 44px #1a224417}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}:focus-visible{outline-offset:3px;outline:3px solid #5a55eb59}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.muted{color:var(--muted)}.eyebrow{color:var(--primary);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:7px;font-size:.75rem;font-weight:800;display:inline-flex}.eyebrow.light{color:#c9c8ff}.brand{color:var(--ink);letter-spacing:.08em;align-items:center;gap:10px;font-size:1rem;font-weight:900;display:inline-flex}.brand>span:last-child>span{color:var(--primary)}.brand-mark{background:var(--primary);color:#fff;border-radius:11px 11px 11px 4px;place-items:center;width:36px;height:36px;font-size:1.15rem;display:grid;box-shadow:0 7px 16px #5a55eb47}.button{border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-weight:750;transition:transform .18s,background .18s,box-shadow .18s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button.primary{color:#fff;background:var(--primary);box-shadow:0 9px 22px #5a55eb3d}.button.primary:hover:not(:disabled){background:var(--primary-strong)}.button.soft{color:var(--primary-strong);background:var(--surface-soft)}.button.ghost{color:var(--text);background:0 0}.button.light{color:var(--navy);background:#fff}.button.large{border-radius:14px;min-height:52px;padding-inline:24px}.button.full{width:100%}.button-row{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.marketing-page{background:#fbfbfe;min-height:100vh}.marketing-nav{justify-content:space-between;align-items:center;max-width:1240px;height:80px;margin:auto;padding:0 24px;display:flex}.marketing-nav nav{color:#555f75;gap:34px;font-size:.9rem;font-weight:650;display:flex}.marketing-nav>div{gap:6px;display:flex}.hero{grid-template-columns:1fr .93fr;align-items:center;gap:70px;max-width:1240px;min-height:690px;margin:auto;padding:72px 24px 90px;display:grid}.hero-copy h1{letter-spacing:-.06em;max-width:660px;color:var(--navy);margin:19px 0 22px;font-size:clamp(3rem,5vw,5.2rem);line-height:.99}.hero-copy h1 em{color:var(--primary);font-style:normal}.hero-copy>p{max-width:620px;color:var(--muted);font-size:1.12rem;line-height:1.75}.hero-actions{gap:12px;margin:32px 0;display:flex}.trust-row{color:var(--muted);gap:26px;font-size:.78rem;display:flex}.trust-row span{gap:2px;display:grid}.trust-row strong{color:var(--text);font-size:.95rem}.hero-visual{background:radial-gradient(circle at 50% 40%,#8a86ff 0,#5954e8 55%,#3f3ab6 100%);border-radius:50% 42% 48% 45%;place-items:center;min-height:510px;display:grid;position:relative}.dashboard-preview{background:#fff;border-radius:20px;width:90%;padding:22px;transform:rotate(-1.5deg);box-shadow:0 30px 70px #0f153b4d}.preview-top{gap:5px;margin-bottom:26px;display:flex}.preview-top span{background:#d9dce7;border-radius:50%;width:7px;height:7px}.preview-top .preview-dot{background:var(--coral)}.preview-greeting{justify-content:space-between;align-items:start;display:flex}.preview-greeting small{color:var(--muted)}.preview-greeting h3{margin:3px 0 20px;font-size:1.15rem}.streak-pill{background:#fff4e8;border-radius:20px;padding:8px 11px;font-size:.74rem;font-weight:750}.preview-grid{grid-template-columns:1.35fr 1fr;gap:12px;display:grid}.preview-chart,.preview-challenge{background:#f5f6fa;border-radius:14px;min-height:180px;padding:15px}.preview-chart>span{font-size:.72rem;font-weight:700}.bars{align-items:end;gap:8px;height:125px;display:flex}.bars i{background:linear-gradient(#716df0,#514bd7);border-radius:5px 5px 2px 2px;flex:1}.preview-challenge{color:#fff;background:var(--navy);flex-direction:column;align-items:start;display:flex}.preview-challenge svg{color:#8b87f7}.preview-challenge strong{margin-top:auto}.preview-challenge small{opacity:.7}.preview-challenge button{color:var(--navy);background:#fff;border:0;border-radius:8px;margin-top:12px;padding:7px 11px;font-weight:750}.floating-card{z-index:2;box-shadow:var(--shadow);background:#fff;border-radius:14px;gap:10px;padding:14px 16px;display:flex;position:absolute}.score-card{flex-direction:column;gap:0;top:50px;right:-28px}.score-card span,.score-card small,.lesson-card small{color:var(--muted);font-size:.7rem}.score-card strong{color:var(--primary);font-size:2rem}.score-card small{color:var(--success)}.lesson-card{align-items:center;bottom:44px;left:-34px}.lesson-card div{display:grid}.mini-icon{color:#fff;background:var(--coral);border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.feature-section{max-width:1240px;margin:auto;padding:95px 24px 120px}.section-heading{text-align:center;max-width:640px;margin:0 auto 44px}.section-heading.left{text-align:left;margin-inline:0}.section-heading h2{letter-spacing:-.04em;margin:10px 0;font-size:clamp(2rem,4vw,3.2rem);line-height:1.1}.section-heading p{color:var(--muted)}.feature-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.feature-card{border:1px solid var(--border);background:#fff;border-radius:22px;min-height:300px;padding:28px;transition:transform .2s,box-shadow .2s}.feature-card:hover{box-shadow:var(--shadow);transform:translateY(-5px)}.feature-icon{border-radius:14px;place-items:center;width:48px;height:48px;margin-bottom:48px;display:grid}.feature-card.navy .feature-icon{color:#fff;background:var(--navy)}.feature-card.coral .feature-icon{color:#b9412f;background:#ffddd7}.feature-card.mint .feature-icon{color:#15745c;background:#d9f6ed}.feature-card.indigo .feature-icon{color:var(--primary);background:#e8e7ff}.feature-card h3{margin:0 0 10px;font-size:1.12rem}.feature-card p{min-height:68px;color:var(--muted);font-size:.9rem}.feature-card a{color:var(--primary);align-items:center;gap:6px;margin-top:22px;font-size:.85rem;font-weight:750;display:inline-flex}.cta-section{color:#fff;background:var(--navy);border-radius:30px;justify-content:space-between;align-items:center;gap:30px;max-width:1192px;margin:0 auto 90px;padding:55px 64px;display:flex}.cta-section h2{letter-spacing:-.04em;margin:12px 0 0;font-size:clamp(2rem,4vw,3.6rem);line-height:1.05}.marketing-footer{border-top:1px solid var(--border);max-width:1240px;color:var(--muted);grid-template-columns:1fr 2fr 1fr;align-items:center;margin:auto;padding:40px 24px;font-size:.8rem;display:grid}.marketing-footer p{text-align:center}.marketing-footer>span{text-align:right}.people-section{max-width:1240px;margin:auto;padding:30px 24px 110px}.teacher-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.teacher-grid article{border:1px solid var(--border);background:#fff;border-radius:22px;grid-template-columns:150px 1fr;align-items:center;gap:22px;padding:24px;display:grid}.teacher-portrait{color:#fff;background:linear-gradient(145deg, var(--navy), var(--primary));border-radius:18px;place-items:center;height:170px;font-size:2rem;font-weight:850;display:grid;position:relative}.teacher-portrait span{color:var(--navy);background:#fff;border-radius:8px;padding:5px 8px;font-size:.72rem;position:absolute;bottom:10px;right:10px}.teacher-grid h3{margin:6px 0;font-size:1.3rem}.teacher-grid p{color:var(--muted);font-size:.82rem}.teacher-grid small{color:var(--success);font-weight:700}.stories-section{color:#fff;background:var(--navy);padding:90px max(24px,50vw - 596px)}.story-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.story-grid blockquote{background:#ffffff0d;border:1px solid #ffffff1f;border-radius:18px;margin:0;padding:24px}.story-grid blockquote>div{align-items:start;gap:12px;display:flex}.story-grid p{color:#d3d9ec;margin:3px 0}.story-grid footer{justify-content:space-between;margin-top:24px;display:flex}.story-grid footer span{color:#bbc3dd}.story-grid footer b{color:var(--mint)}.auth-page{grid-template-columns:1fr 1.08fr;min-height:100vh;display:grid}.auth-art{color:#fff;background:radial-gradient(circle at 75% 30%, #5d58dc 0, transparent 40%), var(--navy);flex-direction:column;justify-content:space-between;padding:44px 60px;display:flex}.auth-art .brand{color:#fff}.auth-art>div{max-width:570px;margin:auto 0}.auth-art h1{letter-spacing:-.06em;margin:14px 0 20px;font-size:clamp(2.8rem,5vw,5.4rem);line-height:.98}.auth-art>div>p{color:#cbd1e5;font-size:1.08rem;line-height:1.75}.auth-art blockquote{border-left:3px solid var(--coral);color:#edf0ff;background:#ffffff0f;margin:55px 0 0;padding:20px 24px}.auth-art blockquote footer{color:#aeb6d5;margin-top:10px;font-size:.8rem}.auth-art>small{color:#858fac}.auth-panel{background:#fff;place-items:center;padding:40px;display:grid}.auth-card{width:min(100%,430px)}.auth-card h2{letter-spacing:-.04em;margin:10px 0;font-size:2.1rem;line-height:1.15}.auth-card>p{margin-bottom:28px}.auth-form{gap:17px;display:grid}.auth-form label,.settings-form label,.grade-form label{color:var(--text);gap:7px;font-size:.83rem;font-weight:700;display:grid}.input-wrap{border:1px solid var(--border);background:#fff;border-radius:12px;align-items:center;gap:10px;min-height:48px;padding:0 14px;display:flex}.input-wrap:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #5a55eb1a}.input-wrap>svg{color:#8a90a2;flex:none}.input-wrap input{width:100%;color:var(--text);background:0 0;border:0;outline:2px solid #0000}.form-message{border-radius:9px;margin:0;padding:10px 12px;font-size:.82rem}.form-message.error{color:#9e2929;background:#fff0f0}.form-message.success{color:#146c56;background:#e8f9f3}.auth-switch,.legal-copy{text-align:center;color:var(--muted);font-size:.82rem}.auth-switch a{color:var(--primary);font-weight:750}.demo-box{color:#596179;background:#f4f5f9;border-radius:12px;gap:2px;margin-top:22px;padding:13px 15px;font-size:.78rem;display:grid}.demo-box strong{color:var(--text)}.mobile-brand{display:none}.student-header{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff0;border-bottom:1px solid #e5e7efe6;position:sticky;top:0}.nav-inner{align-items:center;gap:26px;max-width:1280px;height:72px;margin:auto;padding:0 24px;display:flex}.main-nav{flex:1;justify-content:center;align-items:center;gap:4px;display:flex}.main-nav a{color:#555e74;border-radius:10px;align-items:center;gap:6px;min-height:42px;padding:0 11px;font-size:.81rem;font-weight:650;display:inline-flex}.main-nav a:hover{color:var(--primary);background:var(--surface-soft)}.nav-actions{align-items:center;gap:8px;display:flex}.icon-button{color:#566079;background:#f4f5f8;border:0;border-radius:50%;place-items:center;width:42px;height:42px;padding:0;display:grid;position:relative}.notification-dot{color:#fff;background:var(--coral);border:2px solid #fff;border-radius:10px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:.62rem;font-weight:800;display:grid;position:absolute;top:-2px;right:-2px}.account-menu{position:relative}.account-menu summary{cursor:pointer;align-items:center;gap:8px;font-size:.79rem;font-weight:700;list-style:none;display:flex}.account-menu summary::-webkit-details-marker{display:none}.account-popover{border:1px solid var(--border);width:190px;box-shadow:var(--shadow);background:#fff;border-radius:12px;padding:8px;position:absolute;top:48px;right:0}.account-popover a,.account-popover button{width:100%;min-height:40px;color:var(--text);background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;padding:0 10px;font-size:.82rem;display:flex}.account-popover a:hover,.account-popover button:hover{background:var(--bg)}.avatar{color:#fff;background:linear-gradient(135deg, var(--primary), #8984ff);border-radius:14px;flex:none;place-items:center;width:46px;height:46px;font-size:.78rem;font-weight:800;display:grid}.avatar.small{border-radius:10px;width:34px;height:34px;font-size:.68rem}.avatar.huge{border-radius:28px;width:100px;height:100px;font-size:1.6rem}.app-main{min-height:calc(100vh - 140px)}.page-stack{gap:28px;width:min(100% - 40px,1220px);margin:0 auto;padding:46px 0 75px;display:grid}.app-footer{border-top:1px solid var(--border);max-width:1220px;color:var(--muted);justify-content:space-between;margin:auto;padding:30px 20px;font-size:.75rem;display:flex}.page-header{justify-content:space-between;align-items:end;gap:24px;display:flex}.page-header h1{letter-spacing:-.045em;margin:8px 0 4px;font-size:clamp(2rem,4vw,3.2rem);line-height:1.04}.page-header p{color:var(--muted);margin:0}.result-count,.date-chip{border:1px solid var(--border);color:#5f667a;background:#fff;border-radius:12px;align-items:center;gap:8px;min-height:42px;padding:0 14px;font-size:.82rem;font-weight:700;display:inline-flex}.streak-banner{border-radius:var(--radius-lg);color:#fff;box-shadow:var(--shadow);background:linear-gradient(110deg,#151f46,#273875);grid-template-columns:1fr auto;align-items:center;gap:20px;padding:25px 30px;display:grid}.streak-main{align-items:center;gap:16px;display:flex}.streak-main div{display:grid}.streak-main span,.streak-main small{color:#adb7dc;font-size:.76rem}.streak-main strong{font-size:1.35rem}.streak-flame{background:#f4b94224;border-radius:16px;place-items:center;width:54px;height:54px;display:grid;color:var(--gold)!important}.week-streak{gap:9px;display:flex}.week-streak>div{justify-items:center;gap:5px;display:grid}.week-streak span{color:#aeb8d9;font-size:.65rem}.week-streak i{color:#8d97bb;background:#ffffff14;border-radius:50%;place-items:center;width:29px;height:29px;font-size:.72rem;font-style:normal;display:grid}.week-streak .active i{color:var(--navy);background:var(--gold)}.streak-banner>p{color:#d5daf0;grid-column:1/-1;gap:7px;margin:0;font-size:.76rem;display:flex}.stats-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.stat-card{border:1px solid var(--border);border-radius:var(--radius);background:#fff;align-items:center;gap:15px;min-height:120px;padding:20px;display:flex}.stat-icon{width:50px;height:50px;color:var(--primary);background:#ecebff;border-radius:15px;flex:none;place-items:center;display:grid}.stat-icon.coral{color:#bc4d3b;background:#ffe5df}.stat-icon.mint{color:#18745d;background:#dcf8f0}.stat-icon.navy{color:#fff;background:var(--navy)}.stat-card>div{display:grid}.stat-card span,.stat-card small{color:var(--muted);font-size:.73rem}.stat-card strong{letter-spacing:-.03em;font-size:1.65rem}.dashboard-grid{grid-template-columns:1.05fr .95fr;gap:18px;display:grid}.daily-challenge,.current-class,.history-card,.panel,.leaderboard-card,.answer-review{border:1px solid var(--border);border-radius:var(--radius-lg);background:#fff}.skill-result-grid{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.skill-result-grid article{border:1px solid var(--border);background:#fff;border-radius:15px;align-content:center;justify-items:center;min-height:120px;padding:18px;display:grid}.skill-result-grid small,.skill-result-grid span{color:var(--muted);font-size:.67rem}.skill-result-grid strong{color:var(--primary);font-size:1.8rem}.skill-result-grid .overall-result{color:#fff;background:var(--navy)}.skill-result-grid .overall-result strong{color:#fff}.daily-challenge{color:#fff;background:var(--primary);min-height:315px;padding:32px;display:flex;position:relative;overflow:hidden}.daily-copy{z-index:2;max-width:65%;position:relative}.daily-copy h2{letter-spacing:-.04em;margin:12px 0;font-size:2.2rem;line-height:1.05}.daily-copy>p{color:#d9d8ff;margin-bottom:28px}.challenge-orbit{border:1px solid #ffffff40;border-radius:50%;place-items:center;width:150px;height:150px;display:grid;position:absolute;top:65px;right:42px;box-shadow:0 0 0 22px #ffffff0d,0 0 0 45px #ffffff08}.challenge-orbit span{width:46px;height:46px;color:var(--primary);background:#fff;border-radius:14px;place-items:center;display:grid;position:absolute;top:-20px;right:5px;transform:rotate(8deg)}.challenge-orbit i{font-size:3.5rem;font-style:normal;font-weight:850;line-height:1}.challenge-orbit small{letter-spacing:.2em;font-size:.6rem;position:absolute;top:96px}.current-class,.history-card,.panel{padding:25px}.section-row{justify-content:space-between;align-items:center;gap:20px;display:flex}.section-row h2{letter-spacing:-.025em;margin:5px 0 0;font-size:1.3rem}.section-row>a{color:var(--primary);align-items:center;gap:5px;font-size:.78rem;font-weight:750;display:inline-flex}.teacher-row{align-items:center;gap:11px;margin:24px 0;display:flex}.teacher-row>div{display:grid}.teacher-row small{color:var(--muted);font-size:.72rem}.class-meta{color:var(--muted);flex-wrap:wrap;gap:14px;margin:18px 0;font-size:.75rem;display:flex}.class-meta span{align-items:center;gap:5px;display:inline-flex}.class-meta svg{width:16px}.progress-label{color:var(--muted);justify-content:space-between;margin:17px 0 7px;font-size:.74rem;display:flex}.progress-label strong{color:var(--text)}.progress{background:#eaebf1;border-radius:10px;height:8px;overflow:hidden}.progress i{border-radius:inherit;background:linear-gradient(90deg, var(--primary), #8d89ff);height:100%;display:block}.history-card{overflow:hidden}.history-card .section-row{margin-bottom:20px}.responsive-table{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%}th{color:var(--muted);letter-spacing:.06em;text-align:left;text-transform:uppercase;background:#fafafe;padding:12px;font-size:.68rem}td{border-top:1px solid var(--border);padding:14px 12px;font-size:.8rem}td a{color:var(--primary);font-weight:750}.status{color:#5c6378;text-transform:uppercase;background:#f0f1f5;border-radius:8px;width:fit-content;padding:5px 8px;font-size:.67rem;font-weight:800;display:inline-flex}.status.graded,.status.paid,.status.active,.status.present,.status.success{color:#147057;background:#ddf7ef}.status.pending_review,.status.pending,.status.late,.status.warning{color:#a75d15;background:#fff0d8}.status.failed,.status.cancelled,.status.absent{color:#a73333;background:#ffe5e5}.empty-state{text-align:center;min-height:220px;color:var(--muted);align-content:center;place-items:center;padding:30px;display:grid}.empty-state>svg{color:#a3a6bc;width:42px;height:42px;margin-bottom:8px}.empty-state h3,.empty-state h2{color:var(--text);margin:6px 0}.empty-state p{max-width:420px;margin:3px 0 18px}.empty-state.compact{min-height:150px;padding:18px}.empty-state.celebration{border:1px solid var(--border);border-radius:var(--radius-lg);background:#fff;min-height:430px}.empty-state.celebration>svg{color:var(--gold)}.empty-state.celebration>span{background:#f4f5f9;border-radius:9px;align-items:center;gap:6px;padding:8px 12px;font-size:.75rem;display:inline-flex}.catalog-toolbar,.admin-toolbar{border:1px solid var(--border);background:#fff;border-radius:16px;align-items:center;gap:12px;padding:14px;display:flex}.search-box,.select-box,.admin-toolbar label{border:1px solid var(--border);color:#8a90a2;background:#fafafe;border-radius:11px;align-items:center;gap:9px;height:46px;padding:0 13px;display:flex}.search-box{flex:1}.search-box input,.admin-toolbar input{background:0 0;border:0;outline:2px solid #0000;width:100%}.select-box select,.plain-select{min-height:44px;color:var(--text);background:0 0;border:0;outline:2px solid #0000}.plain-select{border:1px solid var(--border);border-radius:11px;padding:0 12px}.exam-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.exam-card{border:1px solid var(--border);background:#fff;border-radius:22px;grid-template-columns:180px 1fr;gap:22px;min-height:280px;padding:18px;display:grid}.exam-cover{color:#fff;background:var(--navy);border-radius:15px;flex-direction:column;justify-content:space-between;min-height:244px;padding:24px;display:flex;box-shadow:inset 0 0 0 1px #ffffff1f}.exam-cover:after{content:"";background:var(--coral);border-radius:3px;width:45px;height:4px}.exam-cover.indigo{background:linear-gradient(145deg,#1c2858,#5b55e8)}.exam-cover.mint{background:linear-gradient(145deg,#103f41,#43b99b)}.exam-cover.coral{background:linear-gradient(145deg,#5c2730,#ef6b55)}.exam-cover span,.exam-cover small{letter-spacing:.14em;font-size:.57rem;font-weight:800}.exam-cover strong{font-size:3.8rem;line-height:1}.exam-info{flex-direction:column;min-width:0;display:flex}.catalog-meta{color:var(--primary);text-transform:uppercase;align-items:center;gap:9px;font-size:.66rem;font-weight:800;display:flex}.catalog-meta>span:not(.owned)+span:not(.owned):before{content:"·";color:#b5b8c5;margin-right:9px}.catalog-meta .owned{color:var(--success);align-items:center;gap:4px;margin-left:auto;display:inline-flex}.exam-info h3,.catalog-content h3{margin:9px 0 7px;font-size:1.22rem}.exam-info>p,.catalog-content>p{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:.8rem;display:-webkit-box;overflow:hidden}.skill-icons{gap:6px;margin-top:auto;display:flex}.skill-icons span{width:32px;height:32px;color:var(--primary);background:var(--surface-soft);border-radius:9px;place-items:center;display:grid}.exam-footer,.catalog-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:12px;padding-top:14px;display:flex}.exam-footer>strong{font-size:.87rem}.exam-footer a{color:var(--primary);align-items:center;gap:5px;font-size:.75rem;font-weight:750;display:inline-flex}.course-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.catalog-card{border:1px solid var(--border);background:#fff;border-radius:22px;overflow:hidden}.course-cover{color:#fff;background:var(--primary);flex-direction:column;justify-content:space-between;min-height:200px;padding:25px;display:flex;position:relative;overflow:hidden}.course-cover:before,.course-cover:after{content:"";border:1px solid #ffffff2e;border-radius:50%;position:absolute}.course-cover:before{width:190px;height:190px;bottom:-80px;right:-50px}.course-cover:after{width:110px;height:110px;bottom:-52px;right:15px}.course-cover.indigo{background:linear-gradient(135deg,#202d66,#655ff0)}.course-cover.mint{background:linear-gradient(135deg,#15555d,#48c9a7)}.course-cover.coral{background:linear-gradient(135deg,#71303a,#ff765f)}.course-cover span,.course-cover small{z-index:1;letter-spacing:.12em;font-size:.62rem;font-weight:800}.course-cover strong{z-index:1;max-width:75%;font-size:2.5rem;line-height:1}.catalog-content{padding:19px}.catalog-footer>strong{color:var(--primary);font-size:1.05rem}.round-link{color:#fff;background:var(--navy);border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.back-link{width:fit-content;color:var(--muted);align-items:center;gap:7px;font-size:.82rem;font-weight:700;display:inline-flex}.detail-hero,.course-detail-hero{border-radius:var(--radius-lg);color:#fff;background:var(--navy);grid-template-columns:255px 1fr;gap:42px;padding:35px;display:grid}.exam-cover.large{min-height:330px}.detail-copy{align-self:center}.detail-copy h1{letter-spacing:-.05em;margin:10px 0 14px;font-size:clamp(2.3rem,4vw,4rem);line-height:1}.detail-copy>p{color:#bac2dc;max-width:660px}.trust-pills,.course-facts{flex-wrap:wrap;gap:10px;margin:22px 0;display:flex}.trust-pills span,.course-facts span{color:#dbe0f3;border:1px solid #ffffff1f;border-radius:9px;align-items:center;gap:6px;padding:8px 10px;font-size:.72rem;display:inline-flex}.trust-pills svg,.course-facts svg{width:16px}.purchase-panel,.course-price{border-top:1px solid #ffffff1f;justify-content:space-between;align-items:center;margin-top:24px;padding-top:22px;display:flex}.purchase-panel>div{display:grid}.purchase-panel small,.purchase-panel span{color:#aab4d3;font-size:.7rem}.purchase-panel strong{font-size:1.6rem}.test-list{gap:15px;display:grid}.test-group{border:1px solid var(--border);background:#fff;border-radius:20px;grid-template-columns:170px 1fr;gap:22px;padding:20px;display:grid}.test-title{align-items:center;gap:13px;display:flex}.test-title>span{color:#e0e2ec;font-size:3rem;font-weight:850}.test-title small{color:var(--muted);font-size:.62rem}.test-title h3{margin:2px 0}.skill-list{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.skill-row{background:#f7f7fb;border-radius:12px;align-items:center;gap:10px;min-height:68px;padding:10px;display:flex}.skill-row.locked{opacity:.65}.skill-main-icon{width:38px;height:38px;color:var(--primary);background:#fff;border-radius:10px;flex:none;place-items:center;display:grid}.skill-row>div{flex:1;min-width:0;display:grid}.skill-row small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.66rem;overflow:hidden}.skill-row .button{min-height:36px;padding-inline:10px;font-size:.72rem}.locked-label{color:var(--muted);align-items:center;gap:4px;font-size:.68rem;display:inline-flex}.course-detail-hero{grid-template-columns:1.25fr .75fr}.hero-cover{border-radius:20px;min-height:350px;transform:rotate(2deg);box-shadow:0 20px 40px #0003}.course-price{justify-content:start;gap:25px}.course-price>strong{font-size:1.25rem}.content-split{grid-template-columns:1.5fr .7fr;align-items:start;gap:20px;display:grid}.content-split.equal{grid-template-columns:repeat(2,1fr)}.lesson-list{gap:9px;display:grid}.lesson-list article{border:1px solid var(--border);background:#fff;border-radius:13px;align-items:center;gap:11px;min-height:70px;padding:11px 14px;display:flex}.lesson-list article>span{color:#adb0c0;font-weight:800}.lesson-list article>svg{color:var(--primary)}.lesson-list article>div{flex:1;display:grid}.lesson-list small{color:var(--muted);font-size:.69rem}.curriculum-card{color:#fff;background:var(--navy);border-radius:20px;gap:13px;padding:25px;display:grid}.curriculum-card h3{margin:0 0 8px}.curriculum-card>span{color:#d5daf0;align-items:center;gap:8px;font-size:.79rem;display:flex}.curriculum-card svg{width:17px;color:var(--mint)}.curriculum-card hr{border:0;border-top:1px solid #ffffff1a;width:100%}.curriculum-card p{color:#aeb8d5;gap:7px;font-size:.72rem;display:flex}.checkout-page{width:min(100% - 40px,1050px);margin:auto;padding:45px 0 80px}.checkout-grid{grid-template-columns:1fr 390px;gap:55px;margin-top:30px;display:grid}.checkout-grid h1{letter-spacing:-.05em;margin:10px 0;font-size:3rem;line-height:1.04}.checkout-grid section>p{color:var(--muted)}.checkout-user{border:1px solid var(--border);background:#fff;border-radius:14px;align-items:center;gap:12px;margin-top:30px;padding:15px;display:flex}.checkout-user div{flex:1;display:grid}.checkout-user small{color:var(--muted)}.checkout-user>svg{color:var(--success)}.sandbox-note{color:#845414;background:#fff8e9;border:1px solid #f1d39e;border-radius:14px;align-items:start;gap:12px;padding:16px;display:flex}.checkout-grid .sandbox-note{margin-top:16px}.sandbox-note svg{flex:none}.sandbox-note p{margin:3px 0 0;font-size:.78rem}.order-summary{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:22px;padding:25px}.mini-product{color:#fff;background:var(--primary);border-radius:14px;flex-direction:column;justify-content:space-between;min-height:140px;margin:15px 0 22px;padding:20px;display:flex}.mini-product.mint{background:#278f78}.mini-product.coral{background:#c85745}.mini-product small{letter-spacing:.1em;font-weight:800}.mini-product strong{font-size:1.4rem}.order-line,.order-total{justify-content:space-between;padding:8px 0;font-size:.82rem;display:flex}.order-total{margin-bottom:20px;font-size:.95rem}.order-total strong{color:var(--primary);font-size:1.35rem}.order-summary hr{border:0;border-top:1px solid var(--border)}.secure-copy{color:var(--muted);justify-content:center;align-items:center;gap:5px;margin-top:12px;font-size:.66rem;display:flex}.center-page{place-items:center;min-height:75vh;padding:30px;display:grid}.success-card{text-align:center;border:1px solid var(--border);max-width:570px;box-shadow:var(--shadow);background:#fff;border-radius:26px;padding:45px}.success-mark{width:74px;height:74px;color:var(--success);background:#dcf8ef;border-radius:50%;place-items:center;margin:0 auto 18px;display:grid}.success-mark svg{width:38px;height:38px}.success-card h1{margin:10px 0;font-size:2.4rem}.success-card>p{color:var(--muted)}.receipt-line{text-align:left;background:#f5f6fa;border-radius:12px;align-items:center;gap:11px;margin:25px 0;padding:14px;display:flex}.receipt-line div{display:grid}.receipt-line small{color:var(--muted)}.attempt-shell{background:#f2f3f7;min-height:100vh}.attempt-header{color:#fff;background:var(--navy);grid-template-columns:1fr auto 1fr;align-items:center;min-height:70px;padding:10px 25px;display:grid}.attempt-header>a{align-items:center;gap:6px;font-size:.76rem;display:flex}.attempt-header>div{text-align:center;display:grid}.attempt-header small{color:#adb6d2}.timer{background:#ffffff1a;border-radius:9px;justify-self:end;align-items:center;gap:7px;min-height:38px;padding:0 12px;font-weight:800;display:inline-flex}.attempt-progress{justify-self:end;gap:7px;display:flex}.attempt-progress span{background:#ffffff1a;border-radius:9px;align-items:center;gap:6px;min-height:38px;padding:0 11px;font-size:.76rem;font-weight:800;display:inline-flex}.attempt-progress svg{width:17px}.attempt-progress .urgent{color:#fff;background:#d74646bf}.attempt-grid{grid-template-columns:1fr 1fr;display:grid}.passage-panel,.question-panel{height:calc(100vh - 70px);padding:34px max(25px,4vw);overflow-y:auto}.passage-panel{border-right:1px solid var(--border);background:#fff}.passage-panel h1{margin:10px 0;font-size:2rem}.instructions{color:var(--muted);font-size:.8rem}.passage{white-space:pre-wrap;margin-top:28px;font-family:Georgia,serif;font-size:1.07rem;line-height:1.9}.attempt-audio{width:100%;margin:18px 0 4px}.question-heading{justify-content:space-between;align-items:center;display:flex}.question-heading h2{margin:4px 0 20px}.question-card{border:1px solid var(--border);background:#fff;border-radius:15px;margin:0 0 15px;padding:20px}.question-card legend{align-items:start;gap:9px;width:100%;font-weight:750;display:flex}.question-card legend>span:first-child{width:27px;height:27px;color:var(--primary);background:var(--surface-soft);border-radius:8px;flex:none;place-items:center;font-size:.72rem;display:grid}.question-copy{gap:3px;line-height:1.45;display:grid}.question-copy small{color:var(--primary);letter-spacing:.08em;text-transform:uppercase;font-size:.62rem;font-weight:850}.answer-options{gap:8px;margin-top:16px;display:grid}.answer-options label{cursor:pointer}.answer-options input{opacity:0;position:absolute}.answer-options span{border:1px solid var(--border);background:#fafafe;border-radius:10px;align-items:center;min-height:44px;padding:10px 12px;font-size:.82rem;display:flex}.answer-options span svg{flex:none;width:17px;margin-right:8px}.answer-options input:checked+span{border-color:var(--primary);color:var(--primary);background:var(--surface-soft);font-weight:700}.short-answer{grid-template-columns:20px 1fr auto;align-items:center;gap:10px;margin-top:16px;display:grid}.short-answer>svg{color:var(--primary)}.short-answer input{border:1px solid var(--border);border-radius:10px;outline:2px solid #0000;min-height:46px;padding:10px 13px}.short-answer input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #635be61f}.short-answer small,.exercise-hint{color:var(--muted);font-size:.68rem}.response-label{color:var(--navy);align-items:center;gap:8px;margin:16px 0 8px;font-size:.76rem;font-weight:800;display:flex}.response-label svg{width:18px;color:var(--primary)}.cue-points{color:var(--muted);background:var(--surface-soft);border-radius:10px;margin:0 0 12px;padding:14px 16px 14px 32px;font-size:.78rem}.long-answer .exercise-hint{margin-top:8px;display:block}.review-type{width:fit-content;color:var(--primary);background:var(--surface-soft);border-radius:6px;padding:3px 7px;font-size:.62rem;font-weight:800}.long-answer textarea,.grade-form textarea,.grade-form input,.settings-form input{resize:vertical;border:1px solid var(--border);border-radius:10px;outline:2px solid #0000;width:100%;padding:12px}.long-answer textarea:focus,.grade-form textarea:focus,.grade-form input:focus{border-color:var(--primary)}.submit-attempt{justify-content:space-between;align-items:center;gap:20px;padding:15px 0 35px;display:flex}.submit-attempt p{max-width:360px;color:var(--muted);font-size:.75rem}.result-hero{text-align:center;color:#fff;background:var(--navy);border-radius:26px;padding:50px}.result-mark{width:70px;height:70px;color:var(--primary);background:#fff;border-radius:50%;place-items:center;margin:0 auto 18px;display:grid}.result-mark.pending{color:#b46a15}.result-mark svg{width:34px;height:34px}.result-hero h1{margin:10px 0;font-size:2.7rem}.result-hero>p{color:#b7c0db}.band-display{background:#ffffff0f;border:1px solid #ffffff24;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;width:200px;min-height:155px;margin:30px auto;display:flex}.band-display small,.band-display span{color:#b3bdd9;font-size:.66rem}.band-display strong{margin:3px 0;font-size:3rem}.answer-review{padding:28px}.review-row{border-top:1px solid var(--border);gap:14px;padding:17px 0;display:flex}.review-icon{border-radius:11px;flex:none;place-items:center;width:38px;height:38px;display:grid}.review-icon.correct{color:var(--success);background:#ddf7ef}.review-icon.wrong{color:var(--danger);background:#ffe8e8}.review-icon.pending{color:#aa671c;background:#fff0d8}.review-row>div{gap:3px;display:grid}.review-row small{color:var(--muted)}.review-row p{color:var(--muted);margin:2px 0;font-size:.82rem}.join-banner{color:#fff;background:var(--primary);border-radius:22px;grid-template-columns:1fr 1fr;align-items:center;gap:25px;padding:28px 32px;display:grid}.join-banner h2{margin:6px 0}.join-banner p{color:#d9d8ff;margin:0}.join-form{grid-template-columns:1fr auto;gap:8px;display:grid}.join-form .form-message{grid-column:1/-1}.class-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.class-card{border:1px solid var(--border);background:#fff;border-radius:22px;padding:25px}.class-card-top{justify-content:space-between;margin-bottom:20px;display:flex}.course-chip,.task-icon{color:#fff;background:var(--primary);border-radius:13px;place-items:center;width:46px;height:46px;display:grid}.course-chip.mint,.task-icon.mint{background:var(--mint)}.course-chip.coral,.task-icon.coral{background:var(--coral)}.class-card h2{margin:6px 0}.class-card>p{color:var(--muted)}.class-detail-head{color:#fff;background:var(--navy);border-radius:22px;justify-content:space-between;align-items:center;padding:32px;display:flex}.class-detail-head h1{margin:7px 0;font-size:2.5rem}.class-detail-head p{color:#b9c1da;margin:0}.teacher-row.light{margin:0}.assignment-list{gap:9px;margin-top:20px;display:grid}.assignment-list article{border:1px solid var(--border);border-radius:12px;align-items:center;gap:11px;padding:14px;display:flex}.assignment-icon{color:#aa671c;background:#fff0d8;border-radius:11px;flex:none;place-items:center;width:40px;height:40px;display:grid}.assignment-list article>div{flex:1}.assignment-list p{color:var(--muted);margin:3px 0;font-size:.75rem}.assignment-list small{color:#a75d15;font-size:.68rem}.attendance-list{margin-top:18px;display:grid}.attendance-list>div{border-top:1px solid var(--border);align-items:center;gap:10px;padding:13px 0;display:flex}.attendance-dot{width:36px;height:36px;color:var(--success);background:#ddf7ef;border-radius:10px;place-items:center;display:grid}.attendance-list>div>div{flex:1;display:grid}.attendance-list small{color:var(--muted)}.vocab-workspace{justify-items:center;display:grid}.vocab-progress{width:min(100%,720px);color:var(--muted);grid-template-columns:1fr auto;gap:7px;font-size:.75rem;display:grid}.vocab-progress .progress{grid-column:1/-1;width:100%}.flashcard{border:1px solid var(--border);text-align:center;width:min(100%,720px);min-height:430px;box-shadow:var(--shadow);background:#fff;border-radius:28px;flex-direction:column;justify-content:center;align-items:center;margin-top:18px;padding:42px;display:flex;position:relative}.flashcard>svg{color:#cacce0}.flashcard h1{letter-spacing:-.04em;margin:12px 0 0;font-family:Georgia,serif;font-size:3.7rem}.ipa{color:var(--primary)}.level-chip{width:fit-content;color:var(--primary);background:var(--surface-soft);border-radius:8px;padding:5px 8px;font-size:.66rem;font-weight:800}.flashcard .level-chip{position:absolute;top:24px;right:24px}.flashcard-answer{border-top:1px solid var(--border);gap:8px;width:100%;margin-top:20px;padding-top:22px;display:grid}.flashcard-answer span,.flashcard>small{color:var(--muted);font-size:.7rem}.flashcard-answer strong{font-size:1.15rem}.flashcard-answer blockquote{color:#596177;margin:5px 0;font-family:Georgia,serif;font-style:italic}.rating-area{text-align:center;width:min(100%,720px);margin-top:24px}.rating-area>p{color:var(--muted);font-size:.78rem}.rating-buttons{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.rating{border:1px solid var(--border);background:#fff;border-radius:12px;align-content:center;place-items:center;width:100%;min-height:68px;display:grid}.rating small{color:var(--muted);font-size:.62rem}.rating.again:hover{border-color:var(--danger)}.rating.hard:hover{border-color:var(--gold)}.rating.good:hover,.rating.easy:hover{border-color:var(--success)}.practice-note{color:#494fa1;background:#eceeff;border-radius:16px;align-items:center;gap:13px;padding:18px 22px;display:flex}.practice-note>div{flex:1}.practice-note p{margin:2px 0;font-size:.78rem}.practice-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.practice-card{color:#fff;border-radius:24px;flex-direction:column;align-items:start;min-height:350px;padding:35px;display:flex}.practice-card.listening{background:linear-gradient(145deg,#182652,#5d57dd)}.practice-card.reading{background:linear-gradient(145deg,#154751,#3eb692)}.practice-card>span{background:#ffffff21;border-radius:17px;place-items:center;width:58px;height:58px;margin-bottom:auto;display:grid}.practice-card small{letter-spacing:.12em;opacity:.7}.practice-card h2{margin:8px 0;font-size:2.5rem}.practice-card p{color:#ffffffbf;max-width:420px}.practice-card b{align-items:center;gap:7px;margin-top:20px;display:inline-flex}.practice-card b svg{width:17px}.practice-page{scroll-behavior:smooth}.practice-overview{color:#fff;background:radial-gradient(circle at 88% 20%,#6adbbe47,#0000 24%),linear-gradient(135deg,#17234d,#343386 70%,#4d47b9);border-radius:24px;grid-template-columns:1fr auto;align-items:center;gap:30px;padding:32px 36px;display:grid;position:relative;overflow:hidden}.practice-overview:after{content:"";border:1px solid #ffffff29;border-radius:50%;width:240px;height:240px;position:absolute;bottom:-170px;right:-100px}.practice-overview .eyebrow{color:#9ee8d3}.practice-overview .eyebrow svg{width:15px}.practice-overview h2{letter-spacing:-.04em;margin:8px 0;font-size:clamp(1.7rem,3vw,2.6rem)}.practice-overview p{color:#c5cbe2;max-width:650px}.practice-metrics{z-index:1;gap:10px;display:flex}.practice-metrics span{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border:1px solid #ffffff1f;border-radius:14px;min-width:92px;padding:15px;display:grid}.practice-metrics strong{font-size:1.45rem}.practice-metrics small{color:#c5cbe2;font-size:.62rem}.skill-jump{z-index:5;border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;border-radius:15px;grid-template-columns:repeat(4,1fr);gap:6px;padding:8px;display:grid;position:sticky;top:72px;box-shadow:0 10px 35px #1a234e14}.skill-jump a{min-height:44px;color:var(--muted);border-radius:10px;justify-content:center;align-items:center;gap:8px;font-size:.76rem;font-weight:800;display:flex}.skill-jump a:hover{color:var(--primary);background:var(--surface-soft)}.skill-jump svg{width:17px}.exercise-section{border:1px solid var(--border);background:#fff;border-radius:22px;padding:25px;scroll-margin-top:145px}.exercise-section-header{grid-template-columns:auto 1fr auto;align-items:center;gap:16px;margin-bottom:22px;display:grid}.skill-orb{color:#fff;background:var(--primary);border-radius:16px;place-items:center;width:54px;height:54px;display:grid}.skill-reading .skill-orb{background:#218d76}.skill-writing .skill-orb{background:#dc654f}.skill-speaking .skill-orb{background:#b57629}.exercise-section-header small{color:var(--muted);letter-spacing:.12em;font-size:.6rem;font-weight:850}.exercise-section-header h2{margin:2px 0;font-size:1.55rem}.exercise-section-header p{color:var(--muted);margin:0;font-size:.78rem}.exercise-type-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.exercise-type-card{border:1px solid var(--border);background:#fcfcff;border-radius:15px;flex-direction:column;min-height:195px;padding:18px;transition:transform .16s,border-color .16s,box-shadow .16s;display:flex}.exercise-type-card:hover{border-color:#635be659;transform:translateY(-3px);box-shadow:0 12px 28px #1a234e14}.exercise-card-top{justify-content:space-between;align-items:center;display:flex}.exercise-card-top>span{color:var(--primary);font-size:.68rem;font-weight:900}.exercise-card-top small{color:var(--muted);background:var(--surface-soft);border-radius:6px;padding:4px 7px;font-size:.58rem;font-weight:750}.exercise-type-card h3{margin:16px 0 7px;font-size:.94rem;line-height:1.35}.exercise-type-card p{color:var(--muted);margin:0;font-size:.72rem;line-height:1.55}.exercise-card-meta{color:var(--success);align-items:center;gap:6px;margin-top:auto;padding-top:14px;font-size:.64rem;font-weight:800;display:flex}.exercise-card-meta svg{width:15px}.practice-strategy{color:#fff;background:var(--navy);border-radius:20px;justify-content:space-between;align-items:center;gap:20px;padding:24px 28px;display:flex}.practice-strategy>div{align-items:center;gap:14px;display:flex}.practice-strategy>div>svg{color:#ff9a83}.practice-strategy span{display:grid}.practice-strategy small{color:#9da7cb}.practice-strategy strong{margin-top:2px}.leaderboard-card{overflow:hidden}.podium-banner{color:#fff;background:var(--navy);align-items:center;gap:13px;padding:25px;display:flex}.podium-banner>svg{color:var(--gold)}.podium-banner div{display:grid}.podium-banner span{color:#adb6d1;font-size:.7rem}.rank-list{padding:10px 25px 25px}.rank-row{border-bottom:1px solid var(--border);grid-template-columns:45px 48px 1fr 100px 100px;align-items:center;gap:12px;min-height:75px;padding:10px 5px;display:grid}.rank-number{color:#9da2b6;text-align:center;font-weight:850}.rank-1 .rank-number{color:var(--gold)}.rank-2 .rank-number{color:#9aa3b5}.rank-3 .rank-number{color:#b6784c}.rank-name{display:grid}.rank-name small{color:var(--muted);align-items:center;gap:4px;display:flex}.rank-row>span:not(.rank-number):not(.avatar){display:grid}.rank-row>span small{color:var(--muted)}.profile-layout{grid-template-columns:300px 1fr;align-items:start;gap:20px;display:grid}.profile-summary{border:1px solid var(--border);text-align:center;background:#fff;border-radius:22px;flex-direction:column;align-items:center;padding:30px;display:flex}.profile-summary h2{margin:15px 0 3px}.profile-summary p,.profile-summary small{color:var(--muted)}.profile-summary hr{border:0;border-top:1px solid var(--border);width:100%;margin:24px 0}.role-pill{width:fit-content;color:var(--primary);background:var(--surface-soft);border-radius:8px;align-items:center;gap:5px;padding:6px 9px;font-size:.68rem;font-weight:800;display:inline-flex}.role-pill svg{width:15px}.settings-stack{gap:16px;display:grid}.settings-form{gap:15px;max-width:560px;margin-top:22px;display:grid}.settings-form .button{justify-self:start}.security-panel{align-items:center;gap:15px;display:flex}.security-icon{width:48px;height:48px;color:var(--success);background:#ddf7ef;border-radius:14px;flex:none;place-items:center;display:grid}.security-panel div{flex:1}.security-panel h3,.security-panel p{margin:2px 0}.security-panel p{color:var(--muted);font-size:.78rem}.notification-list{gap:9px;display:grid}.notification-list article{border:1px solid var(--border);background:#fff;border-radius:15px;gap:13px;padding:18px;display:flex}.notification-list article.unread{background:#fafaff;border-color:#cfcdff}.notification-icon{width:43px;height:43px;color:var(--primary);background:var(--surface-soft);border-radius:12px;flex:none;place-items:center;display:grid}.notification-icon.payment{color:var(--success);background:#ddf7ef}.notification-list article>div{flex:1}.notification-list article>div>div{align-items:center;gap:8px;display:flex}.notification-list i{color:#fff;background:var(--coral);border-radius:6px;padding:2px 6px;font-size:.58rem;font-style:normal}.notification-list p{color:var(--muted);margin:4px 0}.notification-list small{color:#999fb0}.admin-shell{grid-template-columns:245px 1fr;min-height:100vh;display:grid}.admin-sidebar{color:#fff;background:var(--navy);flex-direction:column;height:100vh;padding:24px 18px;display:flex;position:sticky;top:0}.admin-sidebar .brand{color:#fff;padding:0 9px 22px}.admin-sidebar nav{flex:1;overflow-y:auto}.admin-nav-group{gap:3px;margin:14px 0;display:grid}.admin-nav-group>span{color:#7783a9;letter-spacing:.12em;text-transform:uppercase;padding:8px 10px;font-size:.61rem;font-weight:800}.admin-nav-group a{color:#bdc5df;border-radius:10px;align-items:center;gap:10px;min-height:42px;padding:0 10px;font-size:.8rem;font-weight:650;display:flex}.admin-nav-group a:hover{color:#fff;background:#ffffff14}.admin-user{border-top:1px solid #ffffff1a;align-items:center;gap:9px;padding:14px 6px 0;display:flex}.admin-user>div{flex:1;min-width:0;display:grid}.admin-user strong{text-overflow:ellipsis;white-space:nowrap;font-size:.74rem;overflow:hidden}.admin-user small{color:#858fad;font-size:.63rem}.admin-user button{color:#aab3d0;background:0 0;border:0;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.admin-user svg{width:17px}.admin-content{min-width:0}.admin-topbar{border-bottom:1px solid var(--border);background:#fff;justify-content:space-between;align-items:center;height:68px;padding:0 30px;display:flex}.admin-topbar>label{color:#8f95a8;align-items:center;gap:8px;width:min(420px,45vw);display:flex}.admin-topbar input{border:0;outline:2px solid #0000;width:100%}.admin-topbar>div{align-items:center;gap:8px;display:flex}.environment-pill{color:#995b13;letter-spacing:.08em;background:#fff0d8;border-radius:8px;padding:6px 9px;font-size:.62rem;font-weight:850}.admin-page{width:min(100% - 48px,1400px);padding-top:35px}.admin-page .page-header h1{font-size:2.3rem}.create-drawer{position:relative}.create-drawer>summary{cursor:pointer;list-style:none}.create-drawer>summary::-webkit-details-marker{display:none}.drawer-actions{gap:8px;display:flex}.drawer-popover{z-index:30;border:1px solid var(--border);width:min(430px,100vw - 40px);box-shadow:var(--shadow);background:#fff;border-radius:18px;padding:22px;position:absolute;top:55px;right:0}.admin-create-form{gap:13px;display:grid}.admin-create-form h3{margin:0 0 4px;font-size:1.25rem}.admin-create-form label{color:var(--text);gap:5px;font-size:.75rem;font-weight:750;display:grid}.admin-create-form input,.admin-create-form select,.admin-create-form textarea{border:1px solid var(--border);background:#fff;border-radius:9px;outline:2px solid #0000;width:100%;min-height:42px;padding:9px 11px}.admin-create-form textarea{resize:vertical}.admin-create-form input:focus,.admin-create-form select:focus,.admin-create-form textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #5a55eb1a}.form-columns{grid-template-columns:1fr 1fr;gap:10px;display:grid}.form-columns.three{grid-template-columns:repeat(3,1fr)}.inline-create{background:#f7f7fb;border-radius:13px;margin-top:20px;padding:16px}.content-admin-list{margin-top:15px;display:grid}.content-admin-list article{border-top:1px solid var(--border);align-items:center;gap:9px;padding:11px 0;display:flex}.content-admin-list article>div{flex:1;display:grid}.content-admin-list small{color:var(--muted)}.admin-stats{grid-template-columns:repeat(4,1fr)}.admin-stats .stat-card strong{font-size:1.25rem}.admin-dashboard-grid{grid-template-columns:.9fr 1.1fr;gap:18px;display:grid}.task-stack{gap:8px;margin-top:18px;display:grid}.task-stack a{background:#f7f7fb;border-radius:12px;align-items:center;gap:11px;padding:12px;display:flex}.task-stack a>div{flex:1;display:grid}.task-stack small{color:var(--muted)}.task-stack>a>svg{width:17px;color:var(--muted)}.compact-orders{margin-top:14px;display:grid}.compact-orders>div{border-top:1px solid var(--border);align-items:center;gap:10px;padding:11px 0;display:flex}.compact-orders>div>div{flex:1;display:grid}.compact-orders>div>span:last-child{justify-items:end;display:grid}.compact-orders small{color:var(--muted);font-size:.67rem}.admin-toolbar label{flex:1}.admin-toolbar>span{color:var(--muted);align-items:center;gap:7px;font-size:.75rem;display:flex}.admin-table{border:1px solid var(--border);background:#fff;border-radius:16px;overflow-x:auto}.admin-table th,.admin-table td{padding:14px 16px}.admin-table td>small{color:var(--muted);display:block}.item-cell{align-items:center;gap:10px;display:flex}.item-cell>div{min-width:170px;display:grid}.item-cell small{max-width:280px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.item-cover{color:#fff;background:var(--primary);border-radius:7px;flex:none;place-items:center;width:42px;height:52px;font-size:.67rem;font-weight:850;display:grid}.item-cover.mint{background:var(--mint)}.item-cover.coral{background:var(--coral)}.inline-form{gap:5px;display:flex}.inline-form select,.inline-form button{border:1px solid var(--border);background:#fff;border-radius:8px;min-height:34px;font-size:.68rem}.inline-form button{color:var(--primary);padding:0 9px;font-weight:750}.type-chip,.code-chip{color:#475276;background:#edf0f8;border-radius:7px;padding:5px 8px;font-size:.65rem;font-weight:800}.grading-list{gap:18px;display:grid}.grading-card{border:1px solid var(--border);background:#fff;border-radius:20px;grid-template-columns:1fr 1.3fr 340px;gap:24px;padding:25px;display:grid}.grading-card header{gap:12px;display:flex}.grading-card h2{margin:4px 0}.grading-card p{color:var(--muted)}.submission-copy{max-height:320px;overflow-y:auto}.submission-copy div{background:#f7f7fb;border-radius:10px;margin-bottom:8px;padding:12px}.submission-copy p{color:var(--text);white-space:pre-wrap;margin:5px 0}.grade-form{gap:11px;display:grid}.admin-card-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.admin-class-card{border:1px solid var(--border);background:#fff;border-radius:18px;padding:22px}.admin-class-card h2{margin:7px 0}.word-table{max-height:520px;margin-top:15px;overflow-y:auto}.word-table>div{border-top:1px solid var(--border);grid-template-columns:45px 1fr 1fr;align-items:center;gap:10px;padding:12px 0;display:grid}.word-table>div>div{display:grid}.word-table small,.word-table p{color:var(--muted);font-size:.72rem}.media-icons{gap:8px;display:flex}.settings-grid{gap:10px;display:grid}.settings-grid article{border:1px solid var(--border);background:#fff;border-radius:15px;align-items:center;gap:12px;padding:18px;display:flex}.settings-icon{width:44px;height:44px;color:var(--primary);background:var(--surface-soft);border-radius:12px;place-items:center;display:grid}.settings-icon.success{color:var(--success);background:#ddf7ef}.settings-icon.warning{color:#a75d15;background:#fff0d8}.settings-grid article>div{flex:1}.settings-grid p{color:var(--muted);margin:2px 0;font-size:.75rem}.parent-results{margin-top:15px;display:grid}.parent-results>div{border-top:1px solid var(--border);align-items:center;gap:10px;padding:10px 0;display:flex}.parent-results>div>div{flex:1;display:grid}.parent-results small{color:var(--muted)}.parent-results b{color:var(--primary);font-size:1.2rem}@media (max-width:1100px){.hero{grid-template-columns:1fr}.hero-copy{max-width:800px}.hero-visual{width:min(100%,650px);margin:auto}.feature-grid{grid-template-columns:repeat(2,1fr)}.main-nav a{padding-inline:8px;font-size:0}.main-nav a svg{width:20px}.exam-grid{grid-template-columns:1fr}.admin-stats{grid-template-columns:repeat(2,1fr)}.grading-card{grid-template-columns:1fr 1fr}.grade-form{grid-column:1/-1}.admin-card-grid,.story-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:800px){.marketing-nav nav,.marketing-nav .button.ghost{display:none}.hero{padding-top:45px}.hero-copy h1{font-size:3.3rem}.hero-visual{min-height:430px}.floating-card{display:none}.feature-grid,.dashboard-grid,.content-split,.content-split.equal,.course-grid,.practice-grid,.class-grid,.profile-layout,.checkout-grid,.practice-overview{grid-template-columns:1fr}.exercise-type-grid{grid-template-columns:repeat(2,1fr)}.cta-section{flex-direction:column;align-items:start;margin-inline:18px;padding:40px 30px}.marketing-footer{text-align:center;grid-template-columns:1fr;gap:10px}.marketing-footer p,.marketing-footer>span{text-align:center}.auth-page{grid-template-columns:1fr}.auth-art{display:none}.mobile-brand{margin-bottom:45px;display:block}.student-header .brand>span:last-child,.account-name{display:none}.nav-inner{gap:10px}.main-nav{justify-content:start;overflow-x:auto}.main-nav a{flex:none}.page-stack{width:min(100% - 28px,1220px);padding-top:32px}.page-header{flex-direction:column;align-items:start}.streak-banner{grid-template-columns:1fr}.week-streak{overflow-x:auto}.stats-grid,.detail-hero,.course-detail-hero{grid-template-columns:1fr}.exam-cover.large,.hero-cover{min-height:250px}.test-group,.skill-list{grid-template-columns:1fr}.checkout-grid{gap:25px}.attempt-header{grid-template-columns:1fr 1fr}.attempt-header>.attempt-meta{display:none}.attempt-grid{grid-template-columns:1fr}.passage-panel,.question-panel{height:auto;overflow:visible}.passage-panel{border-right:0;border-bottom:1px solid var(--border)}.join-banner{grid-template-columns:1fr}.class-detail-head{flex-direction:column;align-items:start}.rating-buttons{grid-template-columns:repeat(2,1fr)}.rank-row{grid-template-columns:35px 42px 1fr 70px}.rank-row>span:last-child{display:none!important}.admin-shell{grid-template-columns:72px 1fr}.admin-sidebar{padding:18px 10px}.admin-sidebar .brand>span:last-child,.admin-nav-group>span,.admin-nav-group a{justify-content:center;font-size:0}.admin-sidebar .brand{justify-content:center;padding-inline:0}.admin-user>div,.admin-user form{display:none}.admin-user{justify-content:center}.admin-dashboard-grid,.admin-card-grid{grid-template-columns:1fr}.admin-page{width:min(100% - 28px,1400px)}.word-table>div{grid-template-columns:45px 1fr}.word-table p{grid-column:2}.grading-card,.teacher-grid,.story-grid{grid-template-columns:1fr}}@media (max-width:540px){.marketing-nav{height:68px;padding-inline:15px}.marketing-nav .button.primary{padding-inline:12px}.hero{padding:35px 17px 65px}.hero-copy h1{font-size:2.75rem}.hero-actions,.trust-row{flex-direction:column}.hero-actions .button{width:100%}.hero-visual{min-height:330px}.dashboard-preview{padding:15px}.preview-grid{grid-template-columns:1fr}.preview-chart{display:none}.feature-section{padding:65px 17px}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:250px}.feature-icon{margin-bottom:28px}.auth-panel{padding:25px 18px}.app-footer{flex-direction:column;gap:5px}.nav-inner{padding-inline:12px}.nav-actions{margin-left:auto}.main-nav{z-index:20;border:1px solid var(--border);box-shadow:var(--shadow);background:#fffffff5;border-radius:16px;justify-content:space-around;padding:7px;position:fixed;bottom:10px;left:10px;right:10px}.main-nav a:nth-child(4),.main-nav a:nth-child(5){display:none}.main-nav a{justify-content:center;width:50px}.app-footer{padding-bottom:95px}.page-header h1{font-size:2.2rem}.daily-copy{max-width:100%}.daily-copy h2{font-size:1.8rem}.challenge-orbit{opacity:.18}.exam-card{grid-template-columns:120px 1fr;gap:14px}.exam-cover{min-height:220px;padding:16px}.exam-cover strong{font-size:2.7rem}.skill-icons{display:none}.exam-info>p{-webkit-line-clamp:2}.catalog-toolbar{flex-direction:column;align-items:stretch}.course-grid{grid-template-columns:1fr}.detail-hero,.course-detail-hero{padding:23px}.purchase-panel,.course-price{flex-direction:column;align-items:start;gap:12px}.test-group{padding:14px}.result-hero{padding:35px 20px}.result-hero h1{font-size:2rem}.join-form{grid-template-columns:1fr}.flashcard{padding:28px 20px}.flashcard h1{font-size:2.8rem}.checkout-page{width:min(100% - 28px,1050px)}.checkout-grid h1{font-size:2.3rem}.success-card{padding:35px 20px}.attempt-header{padding-inline:12px}.passage-panel,.question-panel{padding:25px 16px}.submit-attempt{flex-direction:column;align-items:stretch}.admin-topbar{padding:0 15px}.admin-topbar .environment-pill{display:none}.admin-stats{grid-template-columns:1fr}.admin-page .page-header h1{font-size:2rem}.teacher-grid article{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.password-drawer{position:relative}.password-drawer>summary{list-style:none}.password-form{z-index:25;border:1px solid var(--border);width:min(380px,100vw - 40px);box-shadow:var(--shadow);background:#fff;border-radius:15px;padding:18px;position:absolute;top:50px;right:0}.password-form input{background:#fff}.table-action{border:1px solid var(--border);min-height:34px;color:var(--primary);background:#fff;border-radius:8px;padding:0 10px;font-size:.7rem;font-weight:750}.exam-editor{border:1px solid var(--border);background:#fff;border-radius:20px;grid-template-columns:170px 1fr;gap:20px;padding:24px;display:grid}.editor-skills{gap:9px;display:grid}.editor-skills details{border:1px solid var(--border);border-radius:13px;overflow:hidden}.editor-skills summary{cursor:pointer;background:#fafafe;align-items:center;gap:10px;min-height:68px;padding:10px 14px;display:flex}.editor-skills summary>div{display:grid}.editor-skills summary small{color:var(--muted)}.skill-editor-body{grid-template-columns:1fr 1fr;gap:18px;padding:18px;display:grid}.question-admin-list{align-content:start;display:grid}.question-admin-list article{border-top:1px solid var(--border);gap:9px;padding:10px 0;display:flex}.question-admin-list article>span{width:26px;height:26px;color:var(--primary);background:var(--surface-soft);border-radius:7px;place-items:center;display:grid}.question-admin-list article>div{display:grid}.question-admin-list small{color:var(--muted)}.add-question{border-top:1px solid var(--border);grid-column:1/-1;padding-top:18px}.question-import{background:linear-gradient(135deg,#fbfbff,#f5f7ff);border:1px solid #dfe2f2;border-radius:16px;grid-column:1/-1;padding:20px}.question-import-heading{grid-template-columns:auto 1fr auto;align-items:center;gap:13px;display:grid}.import-icon{color:#fff;background:var(--primary);border-radius:13px;place-items:center;width:46px;height:46px;display:grid}.question-import-heading small{color:var(--primary);letter-spacing:.12em;font-size:.58rem;font-weight:900}.question-import-heading h3{margin:2px 0}.question-import-heading p{color:var(--muted);margin:0;font-size:.72rem}.secure-import{color:#19775f;background:#e5f8f2;border-radius:8px;align-items:center;gap:5px;padding:7px 9px;font-size:.65rem;font-weight:800;display:inline-flex}.secure-import svg{width:15px}.import-format-grid{grid-template-columns:repeat(2,1fr);gap:9px;margin:16px 0;display:grid}.import-format-grid article{border:1px solid var(--border);background:#fff;border-radius:11px;align-items:center;gap:10px;padding:12px;display:flex}.import-format-grid article>svg{width:21px;color:var(--primary)}.import-format-grid article div{display:grid}.import-format-grid article span{color:var(--muted);font-size:.66rem}.import-upload-form{grid-template-columns:1fr auto;align-items:stretch;gap:10px;display:grid}.file-dropzone{cursor:pointer;background:#fff;border:1.5px dashed #b9bee4;border-radius:12px;align-items:center;gap:11px;min-height:64px;padding:10px 14px;display:flex}.file-dropzone:hover,.file-dropzone:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #635be61a}.file-dropzone>svg{width:23px;color:var(--primary)}.file-dropzone>span{display:grid}.file-dropzone small{color:var(--muted);font-size:.65rem}.file-dropzone input{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.import-feedback:empty{display:none}.import-feedback{margin-top:12px}.import-success,.import-error{border-radius:9px;padding:10px 12px;font-size:.72rem;font-weight:750}.import-success{color:#176a55;background:#e5f8f2}.import-error{color:#a43e3e;background:#fff0ef}.import-feedback ul{color:#7c3a3a;background:#fff;border:1px solid #f0cccc;border-radius:9px;max-height:190px;margin:8px 0 0;padding:10px 10px 10px 28px;font-size:.7rem;overflow-y:auto}.import-guide{margin-top:12px;font-size:.72rem}.import-guide summary{cursor:pointer;width:fit-content;color:var(--primary);font-weight:800}.import-guide-content{grid-template-columns:1fr 1fr;gap:12px;margin-top:10px;display:grid}.import-guide-content>div,.import-guide-content pre{white-space:pre-wrap;background:#fff;border-radius:10px;margin:0;padding:13px;overflow-x:auto}.import-guide-content code{color:var(--primary);margin:5px 0;display:block}.add-question h3{align-items:center;gap:7px;display:flex}@media (max-width:800px){.exam-editor,.skill-editor-body{grid-template-columns:1fr}.security-panel{flex-wrap:wrap;align-items:flex-start}.password-drawer{width:100%}.password-form{width:100%;margin-top:12px;position:static}.skill-result-grid{grid-template-columns:repeat(2,1fr)}.skill-result-grid .overall-result{grid-column:1/-1}.practice-overview{padding:26px 22px}.practice-metrics{flex-wrap:wrap}.skill-jump{grid-template-columns:repeat(2,1fr);top:64px}.exercise-section{padding:18px}.exercise-section-header{grid-template-columns:auto 1fr}.exercise-section-header .button{grid-column:1/-1}.practice-strategy{flex-direction:column;align-items:stretch}.form-columns.three{grid-template-columns:1fr}.question-import-heading{grid-template-columns:auto 1fr}.secure-import{grid-column:1/-1;width:fit-content}.import-format-grid,.import-guide-content,.import-upload-form{grid-template-columns:1fr}}@media (max-width:560px){.exercise-type-grid{grid-template-columns:1fr}.practice-metrics span{flex:80px}.short-answer{grid-template-columns:20px 1fr}.short-answer small{grid-column:2}}