:root{--ink:#254052;--muted:#577184;--blue:#426ddd;--deep:#254ea8;--surface:#ffffff;--line:#dce4ee;--lilac:#f1ecff;--orange:#ffedda;--green:#e5f4ea}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--surface);font:16px/1.7 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}.wrap{width:min(1180px,calc(100% - 56px));margin:auto}a{color:var(--deep);text-underline-offset:4px}a:hover{color:#985929}h1,h2,h3{line-height:1.13;letter-spacing:-.04em;margin-top:0}h1{font-size:clamp(40px,5.5vw,69px);font-weight:730;margin-bottom:27px}h2{font-size:clamp(27px,3.3vw,40px);font-weight:720;margin-bottom:19px}h3{font-size:25px;margin-bottom:14px}p{margin:0 0 21px}.lead{font-size:19px;line-height:1.7;color:var(--muted);max-width:710px}.eyebrow{display:block;font-size:11px;font-weight:750;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:20px}.fine,small{font-size:13px;color:var(--muted)}.button,button{display:inline-block;border:1px solid var(--blue);padding:13px 22px;background:var(--blue);border-radius:10px;color:white;font:650 15px/1.4 system-ui;text-decoration:none;cursor:pointer}.button:hover,button:hover{background:var(--deep);color:white}.outline{background:transparent;color:var(--deep)}.dark{background:var(--blue)}button:disabled{opacity:.6;cursor:wait}.actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:24px 0}.actions a:not(.button){font-size:14px;font-weight:650}.header{border-bottom:1px solid var(--line)}.header>.wrap{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:23px 0}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;font-weight:760;letter-spacing:-.6px;font-size:30px;line-height:1;color:var(--ink)}.brand small{display:block;font-size:12px;letter-spacing:.2px;color:var(--muted);margin-top:5px}.brand img{width:44px;height:44px}.header nav,.footer nav{display:flex;gap:27px;flex-wrap:wrap}.header nav a{font-size:14px;font-weight:650;text-decoration:none;color:var(--ink)}section{margin:68px 0}.hero{display:grid;grid-template-columns:1.04fr 1fr;gap:50px;align-items:center;margin:68px 0 80px}.hero .lead{font-size:18px}.hero em{font-style:normal;color:var(--blue)}.hero-art{width:100%;height:auto}.hero .fine{margin-top:23px}.section-lead{color:var(--muted);max-width:770px}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.cards.three{grid-template-columns:repeat(3,1fr)}.card{padding:30px;border:1px solid var(--line);border-radius:19px;background:white}.card p{color:var(--muted);font-size:15px}.card .actions{margin-bottom:0}.subject.maths{background:#edf2ff}.subject.english{background:var(--orange)}.subject.verbal{background:var(--lilac)}.subject.non-verbal{background:var(--green)}.subject-icon{display:inline-flex;width:49px;height:49px;border-radius:13px;background:#ffffffab;justify-content:center;align-items:center;color:var(--deep);font-size:24px;font-weight:700;margin-bottom:22px}.subject .eyebrow{margin-bottom:12px}.steps b{display:block;color:var(--blue);font-size:25px;margin-bottom:24px}.split-note{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:40px 0;border-top:1px solid var(--line)}.split-note p{color:var(--muted)}.intro{max-width:850px;margin:60px 0 46px}.intro h1{font-size:clamp(38px,5vw,60px)}.reading{max-width:780px}.reading h2{margin-top:44px;font-size:29px}.reading h2:first-child{margin-top:0}ul,ol{padding-left:23px}li{margin:11px 0}.note{padding:26px;border:1px solid #c6d7ef;border-radius:12px;background:#edf2ff;font-size:15px}.note h2{font-size:28px}.error{border-color:#b75b55;background:#fff0e9}.paper-offer{display:grid;grid-template-columns:1.15fr .85fr;gap:45px;align-items:start}.tag{display:inline-block;background:var(--lilac);padding:6px 11px;border-radius:8px;font-size:12px;font-weight:650;margin-bottom:23px}.source-card{padding:27px;border:1px solid var(--line);background:white;border-radius:15px;margin:20px 0}.source-card h2{font-size:25px;margin-top:0}.pack-offer{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;align-items:center}.pack-cover{padding:40px;background:var(--blue);color:white;border-radius:10px 24px 24px 10px;box-shadow:9px 10px 0 #d3def5;border-left:8px solid var(--deep);min-height:390px;display:flex;flex-direction:column;justify-content:center}.pack-cover span{font-size:11px;letter-spacing:2px;margin-bottom:28px}.pack-cover h2{font-size:39px}.pack-cover p{font-size:19px;line-height:1.8}.pack-cover b{font-size:12px}.practice-panel{max-width:870px}.practice-panel>label{font-size:14px;font-weight:650}select,input,textarea{font:inherit;color:var(--ink);border:1px solid #a8bdd1;background:white;border-radius:8px;padding:11px;margin:7px 0 16px;width:100%;display:block}#paper-select{max-width:360px}fieldset{min-width:0;margin:30px 0;padding:25px;border:1px solid var(--line);border-radius:14px;background:white}legend{font-size:16px;font-weight:650;line-height:1.5;max-width:100%;padding:0 8px}.options{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.option{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid var(--line);border-radius:9px;cursor:pointer;line-height:1.5;font-size:15px}.option input,.purchase-check input{width:18px;height:18px;margin:0;flex:none;accent-color:var(--blue)}.option:has(input:checked){background:#edf2ff;border-color:var(--blue)}.visual-options{grid-template-columns:repeat(4,1fr)}.visual-options .option{flex-direction:column;gap:3px;padding:9px}.figure{display:inline-flex;width:94px;max-width:100%}.figure svg{width:100%;height:auto}.stem{display:flex;align-items:center;justify-content:center;gap:15px;margin:8px 0 18px}.stem .figure{width:100px}.missing-figure{width:65px;font-size:32px;text-align:center}.answer-note{margin-top:20px;border-top:1px solid var(--line);padding-top:18px;font-size:14px}.answer-note p:first-child{font-weight:700;margin-bottom:8px}.answer-note p:last-child{margin-bottom:0}.correct{border-color:#4b9270}.incorrect{border-color:#c38d6a}.passage{background:var(--orange);padding:30px;border-radius:18px;margin:25px 0}.passage h2{font-size:27px}.passage p{white-space:pre-line}.result{padding:28px;border-radius:15px;background:var(--green);scroll-margin-top:25px}.result h2{font-size:32px}.result p:last-child{margin:0}.purchase-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:35px}.planner-editor,.aside-card{padding:28px;background:white;border:1px solid var(--line);border-radius:15px}.planner-editor h2,.aside-card h2{font-size:27px}.purchase-check{display:flex;gap:12px;align-items:flex-start;font-size:14px;font-weight:450;line-height:1.65;margin:20px 0}.purchase-check input{margin-top:5px}.planner-editor form>label:not(.purchase-check){font-weight:650;font-size:14px}.recovery-form{max-width:650px}.profile-block{margin-top:30px}.profile-block summary{font-weight:650;cursor:pointer}.pack-app{margin-bottom:60px}.footer{border-top:1px solid var(--line);padding:40px 0;margin-top:85px;background:white}.footer .brand{font-size:18px;line-height:1.5}.footer nav{margin:22px 0}.footer nav a{font-size:13px}.footer p{font-size:13px;max-width:820px;color:var(--muted)}.footer small{font-size:11px}.skip{position:absolute;top:-80px;background:white;padding:12px;z-index:10}.skip:focus{top:10px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #e7a550;outline-offset:4px}[hidden]{display:none!important}code{overflow-wrap:anywhere}.source-card p:last-child{margin-bottom:0}
@media(max-width:900px){.hero{gap:30px}.cards.three{grid-template-columns:1fr}.pack-offer{gap:35px}.split-note{gap:35px}.header nav{gap:19px}}@media(max-width:620px){.wrap{width:calc(100% - 36px)}.header>.wrap{align-items:flex-start;flex-direction:column;gap:20px;padding:21px 0}.header nav{gap:18px}.header nav a{font-size:12px}.brand{font-size:27px}.hero{grid-template-columns:1fr;margin:40px 0 55px;gap:24px}.hero h1{font-size:45px}.hero .lead{font-size:17px}.hero-art{max-width:460px;justify-self:center}section{margin:45px 0}.cards,.pack-offer,.paper-offer,.split-note,.purchase-grid{grid-template-columns:1fr;gap:22px}.card{padding:25px}.split-note{padding:25px 0}.intro{margin-top:40px}.lead{font-size:17px}.pack-cover{min-height:340px;padding:30px}.pack-cover h2{font-size:35px}.reading p{font-size:15px}.options{grid-template-columns:1fr}.visual-options{grid-template-columns:repeat(2,1fr)}fieldset{padding:17px}.stem{gap:4px}.stem .figure{width:72px}.missing-figure{width:40px}.passage,.planner-editor,.aside-card{padding:24px}.actions{gap:14px}.button,button{padding:12px 18px}.footer nav{gap:14px}.footer{margin-top:60px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}@media print{.header,.footer,button,.skip,#paper-select,.practice-panel>label,.actions{display:none!important}body{background:white;color:#000}.wrap{width:100%;max-width:none}section{margin:20px 0}fieldset,.card,.source-card{break-inside:avoid}h1{font-size:30px}.pack-offer{display:block}.pack-cover{display:none}.note,.passage{background:white}.figure{width:80px}.visual-options{grid-template-columns:repeat(4,1fr)}}
.save-notice{background:#edf2ff;padding:19px 22px;border-radius:12px;margin:0 0 28px;border:1px solid #ccd9fa;font-size:14px}.save-notice p{margin-bottom:8px}.auth-form{max-width:640px}.auth-links{margin-top:25px}.account-bar{display:flex;flex-wrap:wrap;align-items:center;gap:22px}.account-bar p{margin:0;overflow-wrap:anywhere}.account-bar form{margin-left:auto}.account-setting{margin:25px 0}.account-setting summary,.preview-answer summary{cursor:pointer;font-weight:650;padding:10px 0}.account-setting form{margin-top:15px}.table-scroll{overflow-x:auto}.progress-table{border-collapse:collapse;width:100%;font-size:15px}.progress-table td,.progress-table th{text-align:left;border-bottom:1px solid var(--line);padding:15px 13px}.progress-table th{background:#edf2ff}.preview-paper{max-width:870px}.preview-question{border:1px solid var(--line);border-radius:14px;padding:27px;margin:25px 0}.preview-question h3{font-size:19px;letter-spacing:-.01em;line-height:1.5}.preview-answer{margin-top:20px;border-top:1px solid var(--line);padding-top:8px}.preview-answer p{font-size:15px;margin:12px 0}.preview-question .option{cursor:default}@media(max-width:620px){.account-bar form{margin-left:0}.preview-question{padding:20px}.preview-question h3{font-size:17px}.progress-table td,.progress-table th{padding:10px 8px;white-space:nowrap}}
