:root{color:#172033;font-synthesis:none;background:#f4f5f7;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{place-items:center;min-height:100vh;margin:0;padding:24px;display:grid}.login-card{background:#fff;border:1px solid #dfe3e9;border-radius:12px;width:100%;max-width:390px;padding:32px}.brand{margin:0 0 28px;font-size:14px;font-weight:700}h1{margin:0 0 10px;font-size:26px}.intro{color:#596477;margin:0 0 24px;font-size:14px;line-height:1.5}label{margin:18px 0 7px;font-size:14px;font-weight:600;display:block}input{width:100%;font:inherit;border:1px solid #aeb7c5;border-radius:6px;padding:11px 12px;display:block}input:focus{outline-offset:2px;outline:2px solid #3759b9}button{color:#fff;width:100%;font:inherit;cursor:pointer;background:#223f85;border:0;border-radius:6px;margin:24px 0 4px;padding:12px;font-weight:600}a{color:#223f85;margin-top:16px;display:inline-block}.error{color:#922828;background:#fff5f5;border:1px solid #f2b5b5;border-radius:6px;padding:12px;font-size:14px}