:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;color:#242424;background:#f7f8fa;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-items:center;padding:28px}
.login-card{width:100%;max-width:390px;background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:36px 34px;box-shadow:0 10px 40px #10182808}
.brand-mark{width:44px;height:44px;display:grid;place-items:center;background:#fff1dd;color:#b96a17;border-radius:13px;font-size:26px;font-weight:750;margin-bottom:22px}
h1{font-size:23px;letter-spacing:-.5px;margin:0 0 9px;font-weight:650}.subtitle{font-size:14px;color:#6b7280;margin:0 0 30px}
label{display:block;font-size:13px;font-weight:550;margin:19px 0 8px}
input{display:block;width:100%;height:44px;border:1px solid #d8dce3;border-radius:8px;font:inherit;font-size:15px;padding:0 12px;background:#fff;outline:none}
input:focus{border-color:#c18b4e;box-shadow:0 0 0 3px #c18b4e17}
button{display:block;width:100%;height:44px;border:0;border-radius:8px;background:#252a32;color:white;font:inherit;font-size:14px;font-weight:600;cursor:pointer;margin-top:6px}
button:hover{background:#3a414c}button:disabled{cursor:wait;opacity:.65}
#loginError{min-height:20px;margin:12px 0 6px;color:#b42318;font-size:13px;line-height:1.5}
.footnote{font-size:12px;color:#8b929c;text-align:center;margin:23px 0 0}
@media(max-width:460px){body{padding:18px}.login-card{padding:30px 24px}}

.brand-mark{margin-left:auto;margin-right:auto}
h1,.subtitle{text-align:center}