:root{--green:#245b45;--cream:#faf8f2;--ink:#202c27;--muted:#58665e;--line:#d7dfd8}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.6 system-ui,sans-serif}header{height:88px;padding:0 40px;display:flex;align-items:center;gap:40px;background:white;border-bottom:1px solid var(--line)}header img{display:block;height:auto}header>span{font-size:10px;font-weight:700;letter-spacing:2px;color:var(--muted)}header .demo{margin-left:auto;font-size:11px;letter-spacing:0;font-weight:400;border:1px solid var(--line);border-radius:6px;padding:5px 10px}main{max-width:1200px;margin:0 auto;padding:80px 40px;display:grid;grid-template-columns:1.25fr 1fr;gap:100px;align-items:center}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:var(--green)}h1{font:normal clamp(36px,4.3vw,56px)/1.13 Georgia,serif;letter-spacing:-1.5px;margin:24px 0}h1 em{color:var(--green)}.welcome>p{color:var(--muted);max-width:430px;font-size:15px;line-height:1.8}.lesson{display:flex;gap:20px;align-items:center;background:#e7f0e9;border:1px solid #d3e1d6;border-radius:18px;padding:26px;margin-top:36px}.lesson-number{font:normal 36px Georgia,serif;color:var(--green)}.lesson h2{font:normal 25px Georgia,serif;margin:6px 0}.lesson p{font-size:11px;color:var(--muted);margin:0}.lesson .eyebrow{font-size:8px;letter-spacing:1.5px}.facts{display:flex;flex-wrap:wrap;gap:10px 20px;font-size:11px;color:var(--muted);margin-top:22px}.access{padding:36px;background:white;border:1px solid var(--line);border-radius:18px;box-shadow:0 8px 24px rgb(32 44 39 / 3%)}.access h2{font:normal 32px/1.2 Georgia,serif;margin:16px 0 10px}.intro{font-size:14px;color:var(--muted);margin:0 0 28px}form{display:flex;flex-direction:column}label{font-size:13px;font-weight:600;margin-bottom:8px}input{width:100%;min-height:48px;border:1px solid #9baa9f;border-radius:10px;background:#fff;font:14px system-ui,sans-serif;color:var(--ink);padding:12px 14px;margin-bottom:20px}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid #2859bd;outline-offset:3px}.password-field{position:relative}.password-field input{padding-right:83px}.password-field button{position:absolute;right:8px;top:6px;min-height:36px;border:0;background:transparent;color:var(--green);font:12px system-ui;cursor:pointer;padding:6px}.submit{min-height:48px;background:var(--green);color:white;border:0;border-radius:10px;padding:12px 18px;font:600 14px system-ui;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.submit:hover{background:#184432}.demo-note{font-size:11px;line-height:1.6;color:var(--muted);margin:20px 0}.help{border-top:1px solid var(--line);padding-top:20px;font-size:12px;font-weight:600}.help span{font-weight:400;color:var(--muted)}.error{color:#a32f35;font-size:12px;margin:0 0 16px}.success{background:#e7f0e9;border-radius:10px;padding:16px;font-size:13px;margin-top:16px}.success p{margin:6px 0}.success a{color:var(--green);font-weight:600}footer{padding:0 24px 28px;text-align:center;color:var(--muted);font-size:11px}[hidden]{display:none!important}@media(max-width:900px){main{gap:40px;padding:48px 28px}header>span:not(.demo){display:none}}@media(max-width:650px){header{height:64px;padding:0 16px;gap:12px}header img{width:136px}header .demo{font-size:9px;padding:4px 6px}main{grid-template-columns:1fr;padding:32px 12px;gap:28px}.welcome{padding:0 12px}.welcome h1{font-size:36px}.welcome h1 br{display:none}.welcome>p{font-size:14px}.lesson,.facts{display:none}.access{padding:26px 22px}.access h2{font-size:30px}}

.welcome h1 { padding-right: 40px; }
@media (max-width: 650px) {
  .welcome h1 { padding-right: 0; }
}