*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#f4f6f8;color:#17212b;font:16px/1.5 system-ui,sans-serif;display:grid;place-items:center;padding:24px}main{width:min(100%,520px);background:#fff;border:1px solid #e1e6eb;border-radius:18px;padding:36px;box-shadow:0 12px 40px #17212b0a}.brand{font-weight:900;letter-spacing:.08em;font-size:27px}.brand span{color:#b9850d}h1{font-size:25px;margin:22px 0 12px}label{display:block;margin:14px 0 0;font-weight:600;font-size:14px}input{display:block;width:100%;padding:12px;border:1px solid #cbd2d9;border-radius:8px;font:inherit;margin-top:5px}button{width:100%;padding:13px;background:#19252f;color:white;border:0;border-radius:9px;font:inherit;font-weight:700;margin-top:24px;cursor:pointer}a{color:#745414}.error{background:#fff0ee;color:#9d281d;padding:12px;border-radius:8px}.muted{color:#69737d;font-size:13px}