:root{color:#1c2a38;font-synthesis:none;background:#f4f8fb;font-family:Inter,Noto Sans SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{min-width:20rem;margin:0}button,input{font:inherit}.login-page{background:radial-gradient(circle at top,#dfeefa 0,#f4f8fb 44%,#eef3f7 100%);flex-direction:column;align-items:center;min-height:100vh;padding:2rem 1.25rem 1.5rem;display:flex}.login-card{background:#fff;border:1px solid #dce5ed;border-radius:1rem;width:100%;max-width:25rem;margin:auto;padding:2.5rem;box-shadow:0 1.5rem 4.5rem #1e3f581f}.brand-mark{color:#fff;background:#1769aa;border-radius:.75rem;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;font-size:1.25rem;font-weight:800;display:flex}.eyebrow{color:#1769aa;letter-spacing:.14em;margin:1.5rem 0 .5rem;font-size:.75rem;font-weight:800}h1{letter-spacing:-.03em;margin:0;font-size:1.625rem}.description{color:#657482;margin:.625rem 0 1.75rem}.login-form{gap:.625rem;display:grid}label{margin-top:.5rem;font-size:.875rem;font-weight:650}input{border:1px solid #c8d4dd;border-radius:.5rem;outline:none;padding:.75rem}input:focus{border-color:#1769aa;box-shadow:0 0 0 3px #1769aa29}button{color:#fff;cursor:pointer;background:#1769aa;border:0;border-radius:.5rem;min-height:2.75rem;margin-top:1rem;font-weight:700}button:hover{background:#12598f}.form-message{color:#657482;text-align:center;min-height:1.25rem;margin:.25rem 0 0;font-size:.875rem}footer{color:#657482;margin-top:2rem;font-size:.8125rem}footer a{color:inherit;text-decoration:none}footer a:hover{color:#1769aa;text-decoration:underline}@media (width<=30rem){.login-page{padding-inline:1rem}.login-card{padding:2rem 1.5rem}}