.login-page{box-sizing:border-box;background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex}.login-card{box-sizing:border-box;background:var(--gray-800);border:1px solid var(--gray-700);border-radius:var(--radius);width:100%;max-width:400px;box-shadow:var(--shadow);padding:32px 28px}.login-logo{max-width:100%;height:40px;margin:0 auto 24px;display:block}.login-title{text-align:center;margin-bottom:4px}.login-sub{text-align:center;color:var(--muted);font-size:var(--fs-sm);margin:0 0 20px}.login-form{flex-direction:column;gap:14px;display:flex}.login-field{flex-direction:column;gap:6px;display:flex}.login-field label{font-size:var(--fs-sm);color:var(--gray-100);font-weight:500}.login-error{min-height:20px;color:var(--red-500);font-size:var(--fs-sm);margin:0}.login-ok{border-radius:var(--radius-md);color:var(--gray-100);font-size:var(--fs-sm);background:#38a1692e;margin:0;padding:10px 12px}.login-links{justify-content:center;margin-top:12px;display:flex}.login-links .wd-btn{height:28px;font-size:var(--fs-sm)}.login-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite login-spin}@keyframes login-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.login-spinner{animation-duration:2s}}@media (width<=480px){.login-page{align-items:stretch;padding:0}.login-card{max-width:none;box-shadow:none;border:0;border-radius:0;flex-direction:column;justify-content:center;padding:32px 20px;display:flex}}