.login{background:var(--grau-05);min-height:100vh;padding:var(--sp-lg);justify-content:center;align-items:center;display:flex}.login__card{background:var(--white);border-radius:var(--radius-lg);width:100%;max-width:420px;padding:var(--sp-2xl)var(--sp-xl);text-align:center;flex-direction:column;align-items:center;display:flex;box-shadow:0 8px 32px #0b0a080f}.login__brand{margin-bottom:var(--sp-xl)}.login__logo{font-family:var(--font-display);font-size:32px;font-weight:var(--weight-semibold);color:var(--schwarz);letter-spacing:var(--tracking-wide);margin-bottom:2px}.login__tagline{font-size:var(--text-xs);color:var(--grau-40);letter-spacing:var(--tracking-wide);text-transform:uppercase}.login__title{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--schwarz);margin-bottom:var(--sp-xs)}.login__text{font-size:var(--text-sm);color:var(--grau-60);line-height:var(--leading-relaxed);margin-bottom:var(--sp-lg);max-width:320px}.login__form{gap:var(--sp-md);flex-direction:column;width:100%;display:flex}.login__field{gap:var(--sp-xs);text-align:left;flex-direction:column;display:flex}.login__input{width:100%;padding:12px var(--sp-md);border:1.5px solid var(--grau-10);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-light);color:var(--grau-100);background:var(--white);transition:border-color var(--transition-base);outline:none}.login__input::placeholder{color:var(--grau-30)}.login__input:focus{border-color:var(--gruen-60);box-shadow:var(--shadow-focus)}.login__input:disabled{opacity:.6;cursor:not-allowed}.login__submit{width:100%;padding:12px var(--sp-lg);background:var(--schwarz);color:var(--white);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;transition:background var(--transition-base);justify-content:center;align-items:center;gap:var(--sp-sm);border:none;display:flex}.login__submit:hover:not(:disabled){background:var(--grau-100)}.login__submit:disabled{opacity:.5;cursor:not-allowed}.login__spinner{width:16px;height:16px;animation:.8s linear infinite spin}.login__error{align-items:center;gap:var(--sp-xs);padding:var(--sp-sm)var(--sp-md);background:var(--danger-bg);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--danger);display:flex}.login__success{align-items:center;gap:var(--sp-sm);flex-direction:column;display:flex}.login__success-icon{background:var(--success-bg);width:64px;height:64px;margin-bottom:var(--sp-sm);border-radius:50%;justify-content:center;align-items:center;display:flex}.login__link{color:var(--gruen-80);font-family:var(--font-body);font-size:var(--text-sm);cursor:pointer;margin-top:var(--sp-sm);background:0 0;border:none}.login__link:hover{color:var(--gruen-100)}.login__footer{margin-top:var(--sp-xl);font-size:var(--text-2xs);color:var(--grau-30);line-height:1.6}