:root{--jade:#00a36c;--emerald:#064e3b;--paper:#f8f9ff;--panel:#eff4ff;--muted:#52665f;--line:#d9e5e0}*{box-sizing:border-box}body{margin:0;background:linear-gradient(135deg,#f8f9ff,#effaf4);color:var(--emerald);font-family:Nunito,ui-sans-serif,system-ui,sans-serif}.shell{width:min(960px,calc(100% - 32px));margin:0 auto;padding:64px 0 100px}.intro{max-width:760px}.eyebrow{color:var(--jade);font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.lead{color:var(--muted);font-size:20px;line-height:1.6;max-width:720px}h1{font-size:clamp(2.8rem,8vw,5.5rem);line-height:.98;letter-spacing:-.05em;margin:16px 0 24px}h2{font-size:1.8rem;margin:0 0 20px}h3{margin:0 0 8px}.card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;margin-top:24px;box-shadow:0 16px 40px rgba(6,78,59,.07)}.lesson{border-top:1px solid var(--line);padding:24px 0}.lesson:first-of-type{border-top:0}.lesson p,.task small{display:block;color:var(--muted);line-height:1.55}.video{aspect-ratio:16/9;margin:16px 0;border-radius:16px;overflow:hidden;background:#dff7ec}.video iframe{width:100%;height:100%;border:0}.video-placeholder{padding:48px 20px;text-align:center;background:var(--panel);border-radius:16px;color:var(--muted)}button,.primary{border:0;border-radius:12px;padding:13px 18px;font-weight:900;cursor:pointer}.complete,.primary{background:var(--jade);color:#fff}.complete:disabled{background:#b5c8c0;cursor:default}.task{display:flex;gap:14px;padding:16px 0;border-top:1px solid var(--line);color:var(--muted)}.task input{accent-color:var(--jade);width:20px}.task strong{display:block;color:var(--emerald)}fieldset{border:0;border-top:1px solid var(--line);padding:18px 0;margin:0}legend{font-weight:900;margin-bottom:12px}fieldset label{display:block;color:var(--muted);padding:7px 0}#quiz-result{font-weight:900;color:var(--jade)}code{font-size:.9em}@media(max-width:640px){.shell{padding-top:36px}.card{padding:20px;border-radius:18px}.lead{font-size:17px}}
label{display:block;color:var(--muted);font-weight:800;margin:14px 0}input{display:block;width:100%;margin-top:7px;padding:13px 14px;border:1px solid var(--line);border-radius:12px;font:inherit}.brand{display:flex;align-items:center;gap:14px;margin-bottom:64px}.brand img{width:76px;height:58px;object-fit:contain}.brand strong{display:block;color:var(--emerald);font-size:18px}.brand small{display:block;color:var(--muted);font-size:11px;font-weight:900;letter-spacing:.12em;margin-top:4px}.login-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,460px);gap:72px;align-items:center}.welcome-panel{padding:20px 0}.welcome-panel h1{max-width:650px}.welcome-copy{max-width:560px;color:var(--muted);font-size:17px;line-height:1.7}.welcome-points{display:grid;gap:16px;margin-top:34px;max-width:500px}.welcome-points div{padding-left:18px;border-left:3px solid var(--jade)}.welcome-points strong,.welcome-points span{display:block}.welcome-points strong{color:var(--emerald)}.welcome-points span{margin-top:4px;color:var(--muted);font-size:14px}.login-card{max-width:520px;width:100%;margin-top:0}.login-intro{color:var(--muted);line-height:1.55}.error{padding:12px;border-radius:10px;background:#fff0f1;color:#a61b35;font-weight:800}.hint{color:var(--muted);font-size:14px}.site-footer,footer{margin-top:56px;color:#789087;font-size:13px;line-height:1.5}@media(max-width:760px){.login-layout{grid-template-columns:1fr;gap:20px}.brand{margin-bottom:38px}.welcome-panel{padding:0}.login-card{margin-top:0}}
body{min-height:100vh;background:linear-gradient(180deg,#f8f9ff 0%,#effaf4 58%,#f8f9ff 100%)}.shell{min-height:100vh;padding-bottom:0;display:flex;flex-direction:column}.brand{width:100vw;margin-left:calc((100% - 100vw)/2);padding:10px max(16px,calc((100vw - 960px)/2));margin-bottom:30px;background:#f8f9ff;border-bottom:1px solid #d9e5e0}.brand img{height:50px}.site-footer,footer{width:100vw;margin-top:auto;margin-left:calc((100% - 100vw)/2);padding:30px max(16px,calc((100vw - 960px)/2));background:#064e3b;color:rgba(255,255,255,.78);font-size:13px;line-height:1.5}