*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-items:center;padding:24px;background:#f6f2e8;color:#243f1d;font-family:system-ui,sans-serif}.login-card{width:min(100%,440px);padding:40px;background:white;border:1px solid #e4e7dc;border-radius:24px;box-shadow:0 20px 60px #243f1d10}.brand{font-size:12px;letter-spacing:3px;font-weight:800;color:#628048}h1{font-size:34px;line-height:1.2;letter-spacing:-1px;margin:24px 0 16px}.intro,.footnote{color:#697263;line-height:1.6}.intro{margin-bottom:28px}label{display:block;font-weight:600;font-size:14px;margin:20px 0 8px}input{width:100%;border:1px solid #bec9b7;background:#fafbf8;border-radius:10px;padding:13px;font:inherit}input:focus{outline:3px solid #f2b705;outline-offset:2px}button{width:100%;border:0;background:#345726;color:white;padding:15px 20px;border-radius:10px;font:inherit;font-weight:700;cursor:pointer;margin-top:26px;display:flex;justify-content:space-between}button:focus-visible{outline:3px solid #f2b705;outline-offset:3px}.error{color:#9a2525;font-size:14px}.footnote{font-size:12px;text-align:center;margin:24px 0 0}@media(max-width:420px){.login-card{padding:26px}h1{font-size:30px}}