.login-surface{background:radial-gradient(at 20% 10%,#e3edfb,#0000 50%),#f5f6f8;place-items:center;min-height:100svh;padding:2rem;display:grid}.login-card{background:#ffffffed;border:1px solid #e6e8ec;border-radius:26px;width:min(100%,430px);padding:3rem;box-shadow:0 24px 90px #2038560a}.login-card .brand{margin:0 0 2.8rem;padding:0}.login-card .brand-logo{width:100%;max-width:280px;margin:auto}.login-card h1{letter-spacing:-.045em;font-size:1.9rem;font-weight:500;line-height:1.15}.login-card p{color:#626b78;margin:.8rem 0 1.8rem;font-size:1rem}.login-card form{gap:1.25rem;display:grid}.login-card label{gap:.55rem;font-size:.9rem;display:grid}.login-card input{color:#172333;background:#fff;border:1px solid #d8dde4;border-radius:10px;width:100%;padding:.85rem 1rem;font-size:1rem}.login-card input:focus{outline-offset:2px;outline:2px solid #4d76ac}.login-card button{color:#fff;cursor:pointer;background:#223b60;border:0;border-radius:10px;padding:.9rem;font-size:1rem}.login-card button:hover{background:#172c49}.login-help{margin:1.3rem 0;font-size:.9rem}.login-help summary{cursor:pointer;margin-bottom:1rem}.login-card small{color:#737c87;margin-top:2rem;font-size:.8rem;display:block}.login-card .login-message{color:#34445b;background:#f0f3f8;border-radius:10px;padding:1rem}.login-card a{margin-top:1.5rem;font-size:.9rem;display:inline-block}@media (max-width:500px){.login-card{padding:2rem}.login-surface{padding:1rem}}