:root{--ink:#18332e;--paper:#f4f1e8;--cream:#ebe6d8;--coral:#f26d50;--lime:#c9ee72;--line:#d7d1c1;--muted:#6c7770;--white:#fffdf7}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}.topbar{height:82px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5vw;position:sticky;top:0;background:rgba(244,241,232,.94);backdrop-filter:blur(10px);z-index:5}.brand{text-decoration:none;color:var(--ink);font:700 28px 'PT Serif';display:flex;align-items:center;gap:8px}.brand i{width:9px;height:9px;background:var(--coral);border-radius:50%}nav{display:flex;gap:30px}.nav-link{border:0;background:none;font:600 14px Manrope;color:var(--muted);padding:28px 0 25px;cursor:pointer;border-bottom:3px solid transparent}.nav-link.active{color:var(--ink);border-color:var(--coral)}.profile{display:flex;gap:9px;align-items:center;border:0;background:none;font:600 14px Manrope;color:var(--ink)}.avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--lime)}.chevron{color:var(--muted)}main{max-width:1180px;margin:auto;padding:68px 32px 90px}.view{display:none}.view.active{display:block}.hero{max-width:770px;position:relative}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:800;color:var(--muted)}.eyebrow>span{display:inline-block;width:24px;height:2px;background:var(--coral);vertical-align:middle;margin-right:8px}.hero h1,.dashboard-head h1{font:700 clamp(48px,7vw,84px)/.94 'PT Serif';letter-spacing:-.04em;margin:18px 0 24px}.hero h1 em{font-weight:400;color:var(--coral)}.hero>p,.dashboard-head p{max-width:600px;font-size:16px;line-height:1.7;color:var(--muted)}.streak{position:absolute;right:-350px;top:38px;width:280px;border-left:1px solid var(--line);padding-left:35px;display:flex;align-items:center;gap:12px}.streak>b{font:700 54px 'PT Serif';color:var(--coral)}.streak span{font-size:12px;font-weight:700}.streak small{color:var(--muted);font-weight:500}.streak-days{position:absolute;top:75px;left:35px;display:flex;gap:7px}.streak-days i{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:10px;background:var(--cream);color:var(--muted)}.streak-days i.done{background:var(--ink);color:white}.training-card{margin-top:54px;min-height:250px;background:var(--ink);color:white;border-radius:3px;padding:44px 46px;display:flex;align-items:center;gap:38px;position:relative;overflow:hidden}.training-card:after{content:'10';position:absolute;right:160px;bottom:-86px;font:700 250px 'PT Serif';color:rgba(255,255,255,.035)}.card-number{align-self:flex-start;font:700 14px 'PT Serif';color:var(--lime)}.card-copy{flex:1}.tag{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--lime);font-weight:800}.card-copy h2{font:700 38px 'PT Serif';margin:10px 0 5px}.card-copy p{color:#a9b7b2;font-size:13px}.topic-list{display:flex;gap:9px;margin-top:24px;flex-wrap:wrap}.topic-list span{font-size:11px;border:1px solid #48605a;padding:7px 11px;border-radius:30px}.start-button{z-index:1;width:150px;height:150px;border-radius:50%;border:0;background:var(--lime);color:var(--ink);font:800 14px Manrope;cursor:pointer;transition:.2s}.start-button:hover{transform:scale(1.04);background:#d6f58e}.start-button span{display:block;font-size:24px;margin-top:4px}.section-heading{margin:70px 0 24px}.section-heading h2,.panel h2{font:700 30px 'PT Serif';margin:8px 0}.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.mode-card{min-height:190px;text-align:left;padding:24px;border:1px solid var(--line);background:transparent;color:var(--ink);display:flex;flex-direction:column;cursor:pointer}.mode-card:hover{transform:translateY(-3px)}.mode-card.coral{background:var(--coral);border-color:var(--coral)}.mode-card.dark{background:var(--ink);color:white;border-color:var(--ink)}.mode-icon{font-size:25px;margin-bottom:28px}.mode-card b{font:700 24px 'PT Serif'}.mode-card small{color:inherit;opacity:.7;margin-top:5px}.mode-card i{font-style:normal;font-size:10px;text-transform:uppercase;letter-spacing:.1em;margin-top:auto}.dashboard-head{display:flex;justify-content:space-between;align-items:flex-end}.dashboard-head h1{font-size:64px}.outline-button{border:1px solid var(--ink);background:transparent;padding:13px 18px;font:700 12px Manrope;cursor:pointer}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);margin:45px 0 18px}.summary-grid article{padding:24px;border-right:1px solid var(--line);display:flex;flex-direction:column}.summary-grid article:last-child{border:0}.summary-grid span,.summary-grid em{font-size:11px;color:var(--muted);font-style:normal}.summary-grid strong{font:700 38px 'PT Serif';margin:8px 0}.summary-grid strong small{font:500 14px Manrope;color:var(--muted)}.summary-grid .good{color:#3c795a}.dashboard-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:18px}.panel{border:1px solid var(--line);padding:28px;background:rgba(255,255,255,.18)}.panel-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:18px}.muted{font-size:11px;color:var(--muted)}.student-row{display:grid;grid-template-columns:1.5fr .8fr .8fr;align-items:center;padding:19px 0;border-bottom:1px solid var(--line)}.student-row:last-child{border:0}.student-name{display:flex;align-items:center;gap:12px}.student-name .avatar{width:38px;height:38px}.student-name b,.attention-item b{display:block;font-size:13px}.student-name small,.student-row>span,.attention-item small{font-size:10px;color:var(--muted)}.accuracy{font:700 22px 'PT Serif'}.attention-item{display:grid;grid-template-columns:32px 1fr;gap:12px;padding:18px 0;border-bottom:1px solid var(--line)}.rank{font:italic 400 24px 'PT Serif';color:var(--coral)}.bar{height:3px;background:var(--cream);margin-top:9px}.bar i{display:block;height:100%;background:var(--coral)}.teacher-note{font:italic 400 13px/1.5 'PT Serif';color:var(--muted);margin:20px 0 0}.modal{position:fixed;inset:0;background:rgba(11,28,24,.78);z-index:20;display:none;place-items:center;padding:20px}.modal.open{display:grid}.practice-shell{width:min(720px,100%);min-height:500px;background:var(--white);padding:45px 55px;position:relative}.close{position:absolute;right:20px;top:16px;border:0;background:none;font-size:28px;color:var(--muted);cursor:pointer}.practice-top{display:flex;justify-content:space-between;font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:var(--muted)}.progress{height:4px;background:var(--cream);margin:14px 0 65px}.progress i{display:block;height:100%;width:10%;background:var(--coral);transition:.3s}.problem{text-align:center;font:700 clamp(42px,8vw,70px) 'PT Serif';margin-bottom:60px}form label{font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.answer-row{display:flex;margin-top:9px}.answer-row input{min-width:0;flex:1;border:1px solid var(--line);background:white;font:700 28px 'PT Serif';padding:14px}.answer-row button{border:0;background:var(--ink);color:white;padding:0 25px;font-weight:700}.feedback{min-height:30px;margin-top:14px;font-size:13px;font-weight:600}.feedback.ok{color:#357655}.feedback.bad{color:var(--coral)}.hidden{display:none}.results{text-align:center;padding-top:40px}.results .score{font:700 90px 'PT Serif';color:var(--coral)}.results h2{font:700 34px 'PT Serif'}.results p{color:var(--muted)}.results button{margin-top:25px;border:0;background:var(--lime);padding:16px 30px;font-weight:800;cursor:pointer}@media(max-width:900px){.streak{position:static;border:0;padding:20px 0 0}.streak-days{left:90px;top:auto;bottom:4px}.training-card{align-items:flex-start}.start-button{width:110px;height:110px}.dashboard-grid{grid-template-columns:1fr}}@media(max-width:650px){.topbar{height:66px;padding:0 18px}.profile>span:not(.avatar){display:none}nav{gap:15px}.nav-link{padding:21px 0 18px}main{padding:42px 18px 70px}.hero h1{font-size:48px}.training-card{padding:28px 24px;flex-wrap:wrap;gap:18px}.card-number{display:none}.start-button{border-radius:2px;width:100%;height:52px}.start-button span{display:inline;font-size:16px}.mode-grid{grid-template-columns:1fr}.mode-card{min-height:150px}.summary-grid{grid-template-columns:1fr 1fr}.summary-grid article:nth-child(2){border-right:0}.summary-grid article:nth-child(-n+2){border-bottom:1px solid var(--line)}.dashboard-head{display:block}.outline-button{margin-top:20px}.student-row{grid-template-columns:1.5fr .7fr}.student-row>span:last-child{display:none}.practice-shell{padding:45px 24px}.answer-row{display:block}.answer-row button{width:100%;height:48px}.problem{margin:45px 0}.dashboard-head h1{font-size:50px}}