:root {
  --red-primary: #ffc924;
  --red-light: #ffd246;
  --bg-light: #fff5f6;
  --dark-bg: #1a1a1a;
  --radius-lg: 20px;
  --radius-md: 12px;
  --shadow-soft: 0 10px 30px rgba(230,57,70,0.08);
  --transition: all 0.3s ease;
}

body {
  font-family: 'Poppins', sans-serif;
  background: linear-gradient(120deg, var(--bg-light), #ffffff);
}

/* Auth background */
.auth-bg {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #ff9224, #ffc924);
}

/* Auth card */
.auth-card {
  width: 100%;
  max-width: 420px;
  background: #fff;
  border-radius: 22px;
  padding: 40px;
  box-shadow: 0 25px 60px rgba(0,0,0,0.25);
  animation: fadeUp .5s ease;
}

.auth-logo {
  font-size: 1.7rem;
  font-weight: 700;
}