.onboarding-screen,.assessment-screen{min-height:100vh;background:radial-gradient(circle at 82% 18%,rgba(220,232,166,.7),transparent 28%),#f3f0e7;padding:32px 6vw}.onboarding-brand{display:flex;align-items:center;gap:12px}.onboarding-brand b,.onboarding-brand small{display:block}.onboarding-brand b{font-size:17px}.onboarding-brand small{font-size:8px;letter-spacing:.18em;color:#728078;margin-top:3px}.login-layout{min-height:calc(100vh - 90px);display:grid;grid-template-columns:1fr 480px;gap:10vw;align-items:center;max-width:1260px;margin:auto}.login-copy h1{font-family:"Songti SC",serif;font-size:62px;line-height:1.2;margin:20px 0}.login-copy p{color:var(--muted);line-height:1.8;max-width:500px}.text-btn{margin-top:25px;border:0;background:transparent;color:var(--green);padding:0}.login-card{background:var(--surface);padding:38px;border-radius:22px;border:1px solid var(--line);box-shadow:var(--shadow)}.login-card h2{font-family:serif;font-size:28px;margin:8px 0}.login-card>div>p{font-size:11px;color:var(--muted);margin-bottom:28px}.login-card label{display:block;font-size:10px;font-weight:700;margin:16px 0}.login-card input{display:block;width:100%;height:48px;margin-top:8px;border:1px solid var(--line);border-radius:9px;background:#f7f6f0;padding:0 13px;outline:none}.login-card input:focus{border-color:var(--green)}.demo-account{display:flex;justify-content:space-between;align-items:center;background:#edf2dc;padding:10px 12px;border-radius:8px;font-size:9px}.demo-account button{border:0;background:transparent;color:var(--green);font-weight:700}.form-error{color:var(--red);font-size:9px}.login-submit{margin-top:20px;height:48px}.assessment-screen{padding:25px 5vw}.assessment-screen>header{display:flex;justify-content:space-between;align-items:center}.assessment-screen>header>span{font-size:10px;color:var(--green);font-weight:700}.assessment-progress{height:3px;background:#d9ddd4;margin:24px 0}.assessment-progress i{display:block;width:6.67%;height:100%;background:var(--green);transition:.25s}.assessment-main{min-height:calc(100vh - 120px);display:grid;grid-template-columns:300px minmax(500px,780px);gap:7vw;align-items:center;justify-content:center}.assessment-main aside h2{font-family:serif;font-size:36px;line-height:1.4}.assessment-main aside p{font-size:11px;line-height:1.8;color:var(--muted)}.level-rule{display:flex;flex-direction:column;gap:8px;margin-top:25px}.level-rule span{display:flex;gap:12px;align-items:center;font-size:10px}.level-rule b{width:50px;color:var(--green)}.assessment-card,.assessment-result{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:42px;box-shadow:var(--shadow)}.assessment-meta{display:flex;justify-content:space-between}.assessment-meta span{font-size:9px;color:var(--green);font-weight:700}.assessment-meta em{font-style:normal;font-size:8px;color:var(--muted)}.assessment-card h3{font-family:serif;font-size:23px;line-height:1.65;margin:22px 0}.assessment-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.assessment-options button{border:1px solid var(--line);background:#f7f6f0;border-radius:10px;min-height:60px;text-align:left;padding:12px;font-size:10px;display:flex;gap:9px;align-items:center}.assessment-options button i{font-style:normal;width:26px;height:26px;border:1px solid #c9d0ca;border-radius:7px;display:grid;place-items:center;flex:0 0 auto}.assessment-options button.selected{border-color:var(--green);background:#edf2dc}.assessment-next{display:block;margin:25px 0 0 auto}.assessment-next:disabled{opacity:.35}.assessment-result{text-align:center;grid-column:2}.result-check{display:grid;width:48px;height:48px;place-items:center;border-radius:50%;background:var(--green);color:white;margin:0 auto 18px}.assessment-result h2{font-family:serif;font-size:28px}.result-score b{font-family:serif;font-size:70px;color:var(--green)}.result-score span{font-size:12px;color:var(--muted)}.result-level{margin:15px auto;padding:12px;background:#edf2dc;border-radius:10px;max-width:280px}.result-level span,.result-level b{display:block}.result-level span{font-size:8px;color:var(--muted)}.result-level b{margin-top:5px}.assessment-result p{font-size:10px;color:var(--muted);line-height:1.7}.study-choice-card{display:grid;grid-template-columns:230px 1fr;gap:22px;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:22px 25px;margin-bottom:20px}.choice-intro h3{font-family:serif;font-size:20px;margin:6px 0}.choice-intro p{font-size:9px;color:var(--muted);line-height:1.6}.choice-controls{display:grid;grid-template-columns:1.3fr 1fr auto;gap:9px;align-items:end}.choice-controls label{font-size:8px;color:var(--muted)}.choice-controls select{display:block;width:100%;height:38px;border:1px solid var(--line);border-radius:8px;background:#f7f6f0;padding:0 9px;margin-top:6px;font-size:9px}.choice-controls .primary-btn{height:38px;white-space:nowrap}.free-study{grid-column:1/-1;border-top:1px solid var(--line);padding-top:14px;display:grid;grid-template-columns:75px 1fr auto;align-items:center}.free-study>span{font-size:9px;font-weight:700;color:var(--green)}.free-study input{height:38px;border:0;background:#f2f3ed;padding:0 12px;outline:0;font-size:9px}.free-study button{height:38px;border:0;background:var(--lime);color:var(--green);font-size:9px;font-weight:700;padding:0 14px}.recommend-card article[role=button]{cursor:pointer;border-radius:8px;padding-left:6px;padding-right:6px}.recommend-card article[role=button]:hover,.recommend-card article[role=button]:focus{background:#f0f3e7;outline:none}.recommend-card article[role=button] i{transition:.2s}.recommend-card article[role=button]:hover i{transform:translateX(4px)}
@media(max-width:800px){.login-layout{grid-template-columns:1fr;padding:50px 0}.login-copy h1{font-size:42px}.login-card{padding:25px}.assessment-main{grid-template-columns:1fr;padding:35px 0}.assessment-main aside{display:none}.assessment-card,.assessment-result{grid-column:1;padding:25px}.assessment-options{grid-template-columns:1fr}.study-choice-card{grid-template-columns:1fr}.choice-controls{grid-template-columns:1fr}.free-study{grid-template-columns:1fr;gap:8px}}