:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#101114;color:#f4f2ef}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-items:center;background:radial-gradient(ellipse at 70% 15%,#38241b 0,transparent 50%)}main{width:min(100%,440px);padding:40px 28px}img{width:56px;height:56px;margin-bottom:24px}.eyebrow{font-size:10px;letter-spacing:2.5px;color:#ff9b70}h1{font-size:clamp(42px,9vw,60px);letter-spacing:-3px;line-height:1.05;margin:22px 0}h1 span{color:#ff8755}p{line-height:1.7;color:#b5b2ae}form{margin-top:34px}label{display:grid;gap:10px;font-size:13px}input{width:100%;border:1px solid #44413c;background:#1c1c1f;border-radius:12px;padding:16px;font-size:18px;color:#fff}input:focus{outline:2px solid #ff8755;outline-offset:2px}button{margin-top:18px;border:0;border-radius:12px;background:#ff8755;color:#1e140f;padding:16px;font-size:16px;font-weight:750;width:100%;cursor:pointer}small{display:block;margin-top:24px;font-size:11px;color:#96918b}#error{color:#ffa5a5;font-size:13px}[hidden]{display:none!important}

:root{color-scheme:light;background:#f7f8f2;color:#0a2017}body{background:#f7f8f2}.eyebrow,h1 span{color:#25543a}p,small{color:#61736b}input{background:white;border-color:#cfdbca;color:#0a2017;border-radius:16px}input:focus{outline-color:#7ca83f}button{background:#153c2b;color:white;border-radius:17px}#error{color:#9b3a22}

button.link{background:none;border:0;color:inherit;text-decoration:underline;margin-top:14px;cursor:pointer;font:inherit;min-height:44px}