*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:#f6f7f3;color:#29312b;font:14px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;padding:35px 20px}main{width:100%;max-width:440px}.brand{display:flex;align-items:center;justify-content:center;gap:12px;text-decoration:none;color:inherit;font-size:17px;font-weight:650;margin-bottom:32px}.logo{display:grid;place-items:center;width:47px;height:47px;background:#ffdf38;border-radius:14px;font-size:32px}.brand small{display:block;font-size:12px;font-weight:400;color:#879080;margin-top:5px}.card{background:#fff;border:1px solid #e4e8df;border-radius:22px;padding:38px;box-shadow:0 16px 48px #46533708}.eyebrow{font-size:10px;letter-spacing:1.8px;color:#8a947f;font-weight:700}h1{font-size:29px;letter-spacing:-.8px;margin:13px 0 12px}p{color:#87907f;line-height:1.65;margin:0 0 25px}label{display:block;font-size:12px;font-weight:600;margin:20px 0 9px}input{font:inherit;width:100%;padding:14px;border:1px solid #dce2d6;border-radius:10px;background:#fff;outline:none;color:inherit}input:focus{border-color:#c7ac34;box-shadow:0 0 0 3px #fff8d9}input::placeholder{color:#a4ab9c}.password{position:relative}.password input{padding-right:90px}button{font:inherit;cursor:pointer}.password button{position:absolute;right:9px;top:8px;border:0;background:transparent;padding:8px;color:#7a856e;font-size:11px}.submit{width:100%;border:0;background:#ffdf38;border-radius:10px;padding:15px 17px;display:flex;justify-content:space-between;font-weight:650;margin-top:27px;color:#333a27}.submit:hover{background:#f5d222}.submit:disabled{opacity:.6;cursor:wait}button:focus-visible{outline:3px solid #cab64b;outline-offset:3px}#error{background:#fff0ea;color:#a34e3a;padding:12px;border-radius:8px;margin-top:18px;line-height:1.5;font-size:12px}.note{text-align:center;font-size:11px;margin:24px 0 0;color:#959d8d}@media(max-width:440px){.card{padding:28px 24px}h1{font-size:27px}}