:root{color-scheme:dark;--green:#102b20;--green2:#194632;--lime:#c6ef72;--paper:#f7f8f4;--ink:#17231c}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 85% 0%,#2b6042 0,transparent 38%),var(--green);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:white}
.topbar{height:76px;display:flex;align-items:center;gap:12px;padding:0 max(22px,calc((100vw - 900px)/2));border-bottom:1px solid #ffffff20}
.crest{width:42px;height:42px;border:2px solid var(--lime);border-radius:12px;display:grid;place-items:center;color:var(--lime);font-weight:900;letter-spacing:-1px}
.topbar strong{display:block;font-size:13px;letter-spacing:1.8px}.topbar small{display:block;color:#c1d0c6;font-size:11px;margin-top:3px}
main{width:min(100% - 36px,520px);margin:0 auto}.hero{padding:54px 6px 30px}.eyebrow{font-size:11px;letter-spacing:3px;color:var(--lime);font-weight:800}.hero h1{font-size:clamp(48px,13vw,76px);line-height:.92;letter-spacing:-4px;margin:18px 0}.hero h1 span{color:var(--lime)}.intro{max-width:390px;color:#d2ded6;line-height:1.6;font-size:15px}
.login-card{background:var(--paper);color:var(--ink);padding:26px;border-radius:22px;box-shadow:0 18px 60px #0003}.login-card h2{font-size:23px;margin:0 0 7px}.login-card>p{margin:0 0 20px;color:#647168;font-size:14px}.choices{display:grid;gap:12px}.choice{width:100%;display:flex;align-items:center;gap:14px;padding:16px;border:1px solid #dce4dc;border-radius:14px;background:white;color:var(--ink);text-align:left;cursor:pointer}.choice:focus-visible{outline:3px solid #6b9d44;outline-offset:2px}.choice-icon{width:42px;height:42px;border-radius:12px;background:#edf5e6;display:grid;place-items:center;font-size:21px}.choice b,.choice small{display:block}.choice b{font-size:15px}.choice small{font-size:12px;color:#68756c;margin-top:4px}.arrow{margin-left:auto;font-size:26px;color:#6c806f}.notice{margin-top:18px;padding:12px 14px;border-radius:10px;background:#edf5e6;color:#40563f;font-size:12px;line-height:1.5}footer{text-align:center;color:#b4c5ba;font-size:11px;padding:30px 0 24px}
@media(min-width:600px){.hero{padding-top:68px}.login-card{padding:30px}}