:root{font-family:"Segoe UI","Microsoft YaHei",Arial,sans-serif;color:#202b3c;background:#f1f3f6;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:#f1f3f6}.login-card{width:min(100%,390px);padding:40px;background:#fff;border:1px solid #e7eaf0;border-radius:14px;box-shadow:0 12px 40px rgba(27,45,75,.07)}.login-logo{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:#eaf2ff;color:#2874db;font-size:20px;font-weight:700;margin-bottom:22px}.login-card h1{font-size:24px;line-height:1.3;letter-spacing:.2px;margin:0}.login-subtitle{font-size:13px;color:#7d8795;margin:8px 0 29px}.login-card form{display:grid;gap:9px}.login-card label{font-size:12px;color:#445064;font-weight:600;margin-top:5px}.login-card input{height:43px;width:100%;border:1px solid #dfe4eb;border-radius:7px;padding:0 12px;background:#fff;color:#273448;font-size:13px;font-family:inherit;outline:0;transition:border-color .16s,box-shadow .16s}.login-card input::placeholder{color:#a6aebb}.login-card input:focus{border-color:#548de2;box-shadow:0 0 0 3px rgba(57,124,222,.12)}.login-card button{height:44px;margin-top:11px;border:0;border-radius:7px;background:#347de0;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:background .16s,transform .16s}.login-card button:hover{background:#286dcd}.login-card button:active{transform:translateY(1px)}.login-card button:disabled{opacity:.65;cursor:wait}.login-note{text-align:center;margin:22px 0 0;color:#9aa3b0;font-size:11px}.login-error{margin:1px 0 0;color:#c44848;font-size:12px}.login-card input[aria-invalid=true]{border-color:#d46969}@media(max-width:460px){.login-card{padding:30px 24px}}