body.auth-body{
  background:
    radial-gradient(circle at top left, rgba(96,165,250,0.22), transparent 30%),
    radial-gradient(circle at bottom right, rgba(59,130,246,0.18), transparent 28%),
    linear-gradient(135deg, #0b1220 0%, #13203a 38%, #1e3a8a 100%);
}

.auth-card{
  background:var(--card-bg);
  border:1px solid var(--card-border);
  padding:28px;
}

.auth-logo-badge{
  background:linear-gradient(135deg, rgba(255,255,255,0.24), rgba(255,255,255,0.08));
  border:1px solid rgba(255,255,255,0.18);
  color:var(--text-white);
  box-shadow:0 14px 34px rgba(2,6,23,0.22);
}

.auth-title{
  color:var(--text-white);
}

.auth-tagline{
  color:rgba(255,255,255,0.82);
}

.auth-btn-google{
  background:var(--btn-google-bg);
  color:var(--btn-google-text);
  border:1px solid var(--btn-google-border);
}

.auth-btn-google:hover{
  transform:translateY(-1px);
  box-shadow:0 14px 28px rgba(15,23,42,0.14);
}

.auth-btn-primary{
  background:linear-gradient(135deg, var(--btn-primary) 0%, #3b82f6 100%);
  color:#fff;
}

.auth-btn-primary:hover{
  background:linear-gradient(135deg, var(--btn-primary-hover) 0%, #2563eb 100%);
  transform:translateY(-1px);
}

.auth-btn-secondary{
  background:var(--btn-secondary-bg);
  color:var(--btn-secondary-text);
  border:1px solid var(--btn-secondary-border);
}

.auth-btn-secondary:hover{
  background:rgba(255,255,255,0.18);
}

.auth-divider{
  color:rgba(255,255,255,0.72);
  margin:18px 0;
}

.auth-divider::before,
.auth-divider::after{
  background:rgba(255,255,255,0.20);
}

.auth-input{
  background:var(--input-bg);
  border-color:var(--input-border);
  color:var(--input-text);
}

.auth-link{
  color:var(--link-light);
}

.auth-link:hover{
  color:var(--link-light-hover);
}

.auth-footer{
  margin-top:20px;
}

.auth-footer a{
  color:rgba(255,255,255,0.76);
  font-weight:500;
}

.auth-footer a:hover{
  color:#ffffff;
}

@media (max-width: 640px){
  .auth-card{
    padding:22px;
    border-radius:20px;
  }

  .auth-logo-badge{
    width:58px;
    height:58px;
    font-size:24px;
    border-radius:18px;
  }

  .auth-footer{
    gap:8px;
    font-size:12px;
  }
}