:root{color:#202b35;background:#f3f4f2;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}main{background:#fff;border:1px solid #d8ddd9;border-radius:12px;max-width:480px;margin:10vh auto;padding:32px}.brand{color:#526358;margin:0;font-weight:600}h1{letter-spacing:-1px;margin:8px 0 24px;font-size:36px}h2{margin-top:32px;font-size:20px}form{gap:12px;margin-top:24px;display:grid}label{font-weight:600}input,button{font:inherit;border-radius:6px;padding:12px}input{border:1px solid #9da9a1;width:100%;margin-bottom:8px}button{color:#fff;cursor:pointer;background:#24553b;border:0;min-height:44px}button:disabled{opacity:.6;cursor:wait}:focus-visible{outline-offset:3px;outline:3px solid #d79724}a{color:#24553b}li{margin-bottom:16px}li span,.help{color:#526358;font-size:14px}.help{margin-top:24px;line-height:1.5}.error{color:#a52626;line-height:1.5}@media (width<=540px){main{margin:24px 16px;padding:24px}}