/* ==========================================================================
   GrowTechSkill — auth.css   (login + register)
   ========================================================================== */

main > .auth-wrap { padding-block: clamp(2.5rem, 6vw, 4.5rem); }

.auth-wrap {
  min-height: 72vh;
  display: flex;
  align-items: center;
  background:
    radial-gradient(520px 320px at 88% 0%, rgba(37, 99, 235, .09), transparent 70%),
    radial-gradient(420px 280px at 4% 100%, rgba(56, 189, 248, .06), transparent 70%),
    var(--gts-surface) !important;
}
.auth-wrap > .container { width: 100%; }

.auth-card {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--gts-line);
  border-radius: var(--gts-radius-lg);
  box-shadow: var(--gts-shadow-lg);
}
.auth-card::before {   /* brand accent along the top edge */
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 4px;
  background: linear-gradient(90deg, #2563eb, #16a34a 55%, #fbbf24);
}

.auth-card h3 { font-size: 1.65rem; }
.auth-card .feature-icon {
  width: 58px;
  height: 58px;
  font-size: 1.5rem;
  border-radius: 18px;
  box-shadow: 0 8px 18px rgba(37, 99, 235, .16);
}

.auth-card form { margin-top: 1.5rem; }
.auth-card form .btn { margin-top: .5rem; }

.auth-card a { font-weight: 600; text-decoration: none; }
.auth-card a:hover { text-decoration: underline; }

@media (max-width: 575.98px) {
  .auth-card .card-body { padding: 1.5rem !important; }
}