*{box-sizing:border-box}
:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#202720;background:#f6f7f3;font-synthesis:none}
body{margin:0;min-height:100vh;min-height:100svh;background:radial-gradient(ellipse at 15% 5%,#e8eddf 0,transparent 55%);line-height:1.5}
main{width:min(100%,512px);margin:auto;padding:60px 24px 28px;padding-top:max(48px,env(safe-area-inset-top));padding-bottom:max(28px,env(safe-area-inset-bottom))}
.brand{display:block;object-fit:contain;margin:0 auto 36px}
.card{padding:38px;background:#fff;border:1px solid #e0e5db;border-radius:24px;box-shadow:0 12px 48px #24301a08}
.eyebrow{font-size:10px;font-weight:650;letter-spacing:1.8px;color:#64705a;margin-bottom:16px}
h1{font-size:30px;letter-spacing:-1.1px;line-height:1.18;font-weight:550;margin:0 0 16px;max-width:310px}
.intro{color:#647064;font-size:15px;margin:0 0 30px}
label{display:block;font-size:13px;font-weight:600;margin:20px 0 8px}
input,button{font:inherit}input{display:block;width:100%;min-height:52px;border:1px solid #cdd5c8;border-radius:10px;padding:12px 14px;font-size:16px;color:#202720;background:#fff}
input:focus-visible,button:focus-visible{outline:3px solid #9db387;outline-offset:3px}
.password-field{position:relative}.password-field input{padding-right:92px}
button{cursor:pointer}.reveal{position:absolute;right:5px;top:4px;min-height:44px;padding:0 10px;border:0;background:transparent;color:#526047;font-size:12px;border-radius:7px}
.submit{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:54px;padding:14px 18px;margin-top:26px;background:#263723;color:white;border:0;border-radius:10px;font-size:15px;font-weight:550;transition:background .15s}
.submit:hover{background:#354c30}.submit:disabled{opacity:.65;cursor:wait}
.help{font-size:12px;line-height:1.7;color:#687164;margin:24px 0 0;text-align:center}
#error{background:#fff1eb;color:#8c3219;font-size:13px;padding:12px;border-radius:8px;margin-bottom:0}
footer{font-size:12px;color:#6c7666;text-align:center;margin-top:28px}
@media(max-width:480px){main{padding:30px 20px;padding-top:max(30px,env(safe-area-inset-top))}.brand{margin-bottom:26px;width:168px}.card{padding:28px 24px;border-radius:20px}h1{font-size:28px}footer{max-width:260px;margin:24px auto 0}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}