/* Login Sayfası Stilleri */
.login-container {
  display: grid;
  place-items: center;
  min-height: 100dvh;
  background: var(--bg-primary);
  background-image: radial-gradient(circle at top right, rgba(91, 94, 166, 0.1), transparent 400px),
                    radial-gradient(circle at bottom left, rgba(155, 89, 182, 0.1), transparent 400px);
  padding: 20px;
}

.login-card {
  background: var(--bg-secondary);
  width: 100%;
  max-width: 400px;
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-lg);
  overflow: hidden;
  animation: slideUp 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes slideUp {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}

.login-header {
  background: var(--accent-gradient);
  color: white;
  padding: 30px 20px;
  text-align: center;
}

.login-header h1 {
  font-size: var(--font-size-2xl);
  font-weight: 700;
  margin-bottom: 4px;
}

.login-header p {
  font-size: var(--font-size-sm);
  opacity: 0.8;
}

.login-body {
  padding: 30px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.login-btn {
  margin-top: 10px;
  width: 100%;
  justify-content: center;
  padding: 14px;
  font-size: var(--font-size-lg);
}

.login-btn i {
  margin-left: 8px;
  transition: transform var(--transition-fast);
}

.login-btn:hover i {
  transform: translateX(4px);
}