.login-container{background:var(--color-bg);justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.login-card{background:var(--color-card);border:1px solid var(--color-border);width:100%;max-width:400px;box-shadow:0 4px 24px var(--color-shadow);border-radius:16px;padding:2.5rem}.login-header{text-align:center;margin-bottom:2rem}.login-logo{justify-content:center;margin-bottom:1.25rem;display:flex}.login-badge{text-transform:uppercase;letter-spacing:.1em;color:#fff;background:var(--color-accent);border-radius:4px;margin-bottom:.75rem;padding:.375rem .75rem;font-size:.6875rem;font-weight:600;display:inline-block}.login-header p{color:var(--color-muted);font-size:.875rem}.login-form{flex-direction:column;gap:1.25rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:var(--color-content-text);font-size:.875rem;font-weight:500}.login-error{border:1px solid var(--color-error);color:var(--color-error);text-align:center;background:#ef44441a;border-radius:8px;padding:.75rem 1rem;font-size:.875rem}.login-btn{justify-content:center;align-items:center;width:100%;min-height:48px;margin-top:.5rem;display:flex}.login-btn .spinner{border-color:#0000 #fff #fff;width:20px;height:20px}