:root{--ink:#2b211b;--muted:#6f5b4d;--line:#eadfd6;--paper:#fffaf6;--brand:#b54708;--dark:#3b1f0f;--good:#087443;--bad:#b42318}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,sans-serif;line-height:1.55}header{border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:24px;padding:16px max(24px,50% - 560px);display:flex}.brand{color:var(--dark);white-space:nowrap;font-size:1.25rem;font-weight:800;text-decoration:none}.brand span{color:var(--brand);background:#fff0e5;border-radius:10px;padding:3px 6px;font-size:.7rem}nav{flex:1;gap:16px;display:flex}a{color:var(--brand);text-decoration:none}nav a{color:var(--muted);font-size:.9rem}.account{font-weight:700}main{max-width:1120px;min-height:calc(100vh - 150px);margin:0 auto;padding:52px 24px}.hero{color:#fff;background:linear-gradient(130deg,#3b1f0f,#a64309);border-radius:20px;padding:64px}.hero h1{max-width:820px;font-size:clamp(2rem,5vw,4rem);line-height:1.05}.hero p{max-width:700px}.eyebrow,.label{text-transform:uppercase;letter-spacing:.08em;color:#9a3d00;font-size:.75rem;font-weight:800}.hero .eyebrow{color:#ffd6b5}.actions{gap:12px;margin-top:26px;display:flex}.button{background:var(--brand);color:#fff;cursor:pointer;font:inherit;border:0;border-radius:8px;padding:11px 15px;font-weight:700;display:inline-block}.hero .button{color:var(--dark);background:#fff}.button.secondary{color:var(--brand);background:#fff0e5}.button:disabled{cursor:not-allowed;opacity:.55}section{margin-bottom:44px}.section-heading{justify-content:space-between;align-items:end;display:flex}.cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.card,.panel,.notice,.course{border:1px solid var(--line);background:#fff;border-radius:14px;padding:22px}.card h3{margin:.2rem 0}.needs-review{border-left:5px solid #db8b00}.notice{background:#fff5eb}.page-title{max-width:800px}.page-title h1,.practice h1{font-size:clamp(2rem,4vw,3.2rem);line-height:1.1}.journey{gap:18px;display:grid}.course{grid-template-columns:minmax(240px,.8fr) 1.2fr;gap:20px;display:grid}.course ol{margin:0;padding-left:22px}.course li{gap:5px;margin-bottom:12px;display:grid}.importance{text-transform:capitalize;color:var(--muted);font-size:.75rem}.importance.must{color:var(--bad);font-weight:700}.course small{color:var(--muted)}.two-column{grid-template-columns:1fr 1fr;gap:20px;display:grid}.resource{border-top:1px solid var(--line);padding:12px 0;display:block}.resource span{color:var(--muted);text-transform:uppercase;font-size:.75rem;display:block}.practice{max-width:800px}.options{gap:10px;margin:24px 0;display:grid}.options button{border:1px solid var(--line);color:var(--ink);cursor:pointer;font:inherit;text-align:left;background:#fff;border-radius:10px;padding:16px}.options button.selected{border:2px solid var(--brand)}.options button.correct{border-color:var(--good);background:#e9f7ef}.options button.incorrect{border-color:var(--bad);background:#fff0ef}.explanation{border-left:5px solid var(--brand);background:#fff;padding:20px}.success{color:var(--good);font-weight:800}.error{color:var(--bad);font-weight:800}.muted{color:var(--muted)}footer{background:var(--dark);color:#f4ddcc;padding:30px max(24px,50% - 560px);font-size:.85rem}.auth-form{gap:14px;max-width:440px;display:grid}.auth-form label{gap:6px;font-weight:700;display:grid}.auth-form input{border:1px solid var(--line);font:inherit;border-radius:8px;padding:10px}@media (max-width:760px){header{flex-wrap:wrap;align-items:flex-start;gap:12px}nav{order:3;width:100%;overflow:auto}.hero{padding:34px}.course,.two-column{grid-template-columns:1fr}main{padding:30px 16px}}
