.login{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:24px 16px}
.login-logo{display:flex;align-items:center;gap:8px}
.login-logo-name{font-size:24px;font-weight:700;letter-spacing:.5px;color:#fff}
.login-logo-name span{color:#7a63ff}
.login-logo-badge{background:#5b3df5;color:#fff;font-size:15px;font-weight:700;padding:3px 7px;border-radius:5px}
.login-card{width:380px;max-width:100%;display:flex;flex-direction:column;gap:16px;padding:24px;background:#131426;border:1px solid #22243a;border-radius:6px}
.login-card h1{margin:0;font-size:20px;font-weight:600;color:#fff}
.login-card label{display:flex;flex-direction:column;gap:6px}
.login-card label span{font-size:12px;color:#9496ae}
.login-card input[type=text],.login-card input[type=password]{width:100%;height:38px;padding:0 12px;background:#141527;border:1px solid #25273d;border-radius:8px;color:#e9e9f2;font:400 13px Inter,sans-serif;outline:none}
.login-card input[type=text]:focus,.login-card input[type=password]:focus{border-color:#5b3df5}
.login-card input:disabled{opacity:.5;cursor:not-allowed}
.login-card button{height:38px;border:0;border-radius:7px;background:#4632d0;color:#fff;font:500 14px Inter,sans-serif;cursor:pointer}
.login-card button:hover:not(:disabled){background:#5b3df5}
.login-card button:disabled{opacity:.5;cursor:not-allowed}
.login-msg{padding:10px 14px;border-radius:8px;font-size:13px;line-height:1.45}
.login-msg-error{background:#2a1215;border:1px solid #5c2b2b;color:#ff8a80}
.login-msg-warn{background:#2c1f10;border:1px solid #5a3b17;color:#f5b56b}