*{box-sizing:border-box}body{margin:0;background:#f4f7f3;color:#20372b;font:16px/1.5 system-ui,sans-serif;min-height:100dvh;display:grid;place-items:center;padding:24px}main{width:min(100%,480px);padding:32px;background:#fff;border:1px solid #dbe5d9;border-radius:20px;box-shadow:0 12px 44px #173c2210}.brand{color:#477b3f;font-size:20px;font-weight:650}h1{font-size:27px;line-height:1.25;margin:18px 0}label{display:block;font-weight:600;margin-top:18px}input{width:100%;min-width:0;border:1px solid #81967b;border-radius:8px;padding:12px;font:inherit;background:white}button{font:inherit;cursor:pointer;border-radius:8px;padding:12px;border:1px solid #477b3f}button:focus-visible,input:focus-visible{outline:3px solid #8ec77c;outline-offset:3px}.password{display:flex;gap:8px}.password button{background:#f1f6ef;flex-shrink:0}#submit{width:100%;background:#397035;color:#fff;margin-top:24px;font-weight:600}button:disabled{opacity:.65;cursor:wait}#error{color:#9b2929}.notice{font-size:13px;color:#54664e;margin-top:24px}@media(max-width:420px){body{padding:12px}main{padding:22px}h1{font-size:24px}}