/* Premium auth UI overrides (visual only). */

body.auth-premium {
  --auth-bg-0: #090b10;
  --auth-bg-1: #111622;
  --auth-surface: rgba(255, 255, 255, 0.06);
  --auth-surface-2: rgba(255, 255, 255, 0.09);
  --auth-border: rgba(255, 255, 255, 0.14);
  --auth-text: rgba(255, 255, 255, 0.94);
  --auth-muted: rgba(255, 255, 255, 0.7);
  --auth-accent: #ef4444;
  --auth-accent-2: #f97373;
  --auth-radius-lg: 22px;
  --auth-radius-md: 14px;
  --auth-shadow: 0 24px 64px rgba(0, 0, 0, 0.45);
  color: var(--auth-text);
  font-family: "Outfit", "Poppins", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  background:
    radial-gradient(860px 460px at 8% -8%, rgba(239, 68, 68, 0.34), transparent 56%),
    radial-gradient(760px 420px at 92% 0%, rgba(248, 113, 113, 0.24), transparent 58%),
    linear-gradient(180deg, var(--auth-bg-0), var(--auth-bg-1));
  background-attachment: fixed;
}

body.auth-premium .page.main-signin-wrapper {
  min-height: 100vh;
  padding: 34px 16px;
  position: relative;
}

body.auth-premium .page.main-signin-wrapper::before,
body.auth-premium .page.main-signin-wrapper::after {
  content: "";
  position: fixed;
  border-radius: 999px;
  filter: blur(60px);
  z-index: 0;
  pointer-events: none;
}

body.auth-premium .page.main-signin-wrapper::before {
  width: 260px;
  height: 260px;
  left: -80px;
  top: 16%;
  background: rgba(239, 68, 68, 0.32);
}

body.auth-premium .page.main-signin-wrapper::after {
  width: 230px;
  height: 230px;
  right: -60px;
  bottom: 10%;
  background: rgba(248, 113, 113, 0.24);
}

body.auth-premium .page.main-signin-wrapper > * {
  position: relative;
  z-index: 1;
}

body.auth-premium .signpages {
  justify-content: center;
  margin: 0;
}

body.auth-premium .signpages > .col-md-12 {
  max-width: 1120px;
}

body.auth-premium .signpages .card.border-0 {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.auth-premium .signpages .login_form,
body.auth-premium .row.vh-100 > [class*="col-"],
body.auth-premium .auth .login-page {
  background: linear-gradient(180deg, var(--auth-surface), rgba(255, 255, 255, 0.03)) !important;
  border: 1px solid var(--auth-border) !important;
  border-radius: var(--auth-radius-lg) !important;
  box-shadow: var(--auth-shadow);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

body.auth-premium .row.vh-100 > [class*="col-"] {
  padding: 28px 24px;
}

body.auth-premium .details {
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  background: linear-gradient(150deg, #222b44 0%, #3b2b67 46%, #1a5f73 100%) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06);
}

body.auth-premium .details .tx-white-6 {
  color: rgba(255, 255, 255, 0.8) !important;
}

body.auth-premium h1,
body.auth-premium h2 {
  color: #ffffff !important;
  letter-spacing: -0.02em;
  font-weight: 700;
}

body.auth-premium p,
body.auth-premium .text-muted,
body.auth-premium .text-secondary,
body.auth-premium small {
  color: var(--auth-muted) !important;
}

body.auth-premium a {
  color: #ffb4b4;
  text-decoration: none;
}

body.auth-premium a:hover {
  color: #ffd0d0;
}

body.auth-premium .card-body {
  padding: 22px 20px;
}

body.auth-premium label,
body.auth-premium .form-label,
body.auth-premium .tx-medium {
  color: rgba(255, 255, 255, 0.9) !important;
  font-weight: 600;
}

body.auth-premium .form-control,
body.auth-premium .form-select,
body.auth-premium select,
body.auth-premium input[type="text"],
body.auth-premium input[type="email"],
body.auth-premium input[type="password"] {
  min-height: 46px;
  border-radius: var(--auth-radius-md) !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  background: rgba(0, 0, 0, 0.26) !important;
  color: rgba(255, 255, 255, 0.96) !important;
}

body.auth-premium .form-control::placeholder {
  color: rgba(255, 255, 255, 0.52) !important;
}

body.auth-premium .form-control:focus,
body.auth-premium select:focus {
  border-color: rgba(239, 68, 68, 0.75) !important;
  box-shadow: 0 0 0 4px rgba(239, 68, 68, 0.2) !important;
}

body.auth-premium .btn {
  border-radius: 13px !important;
  font-weight: 600;
  letter-spacing: 0.02em;
}

body.auth-premium .btn-primary {
  border-color: transparent !important;
  background: linear-gradient(90deg, var(--auth-accent) 0%, var(--auth-accent-2) 100%) !important;
  box-shadow: 0 14px 28px rgba(19, 38, 80, 0.42);
}

body.auth-premium .btn-primary:hover,
body.auth-premium .btn-primary:focus {
  filter: brightness(1.06);
}

body.auth-premium .btn-link {
  color: #a8f3ff !important;
}

body.auth-premium .btn-link:hover {
  color: #d3f9ff !important;
}

body.auth-premium .alert {
  border-radius: var(--auth-radius-md);
  border: 1px solid rgba(255, 255, 255, 0.14);
}

body.auth-premium .alert-danger {
  color: #ffd7df;
  background: rgba(239, 68, 68, 0.22);
}

body.auth-premium .alert-success {
  color: #ceffe3;
  background: rgba(34, 197, 94, 0.2);
}

body.auth-premium .alert-info {
  color: #d6f4ff;
  background: rgba(59, 130, 246, 0.2);
}

body.auth-premium .select2-container .select2-selection--single,
body.auth-premium .select2-container .select2-selection--multiple {
  min-height: 46px;
  border-radius: var(--auth-radius-md) !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  background: rgba(0, 0, 0, 0.26) !important;
  color: rgba(255, 255, 255, 0.96) !important;
}

body.auth-premium .text-danger,
body.auth-premium .alert-danger,
body.auth-premium .fs-6.text-danger {
  color: #ff8ba0 !important;
}

body.auth-premium .row,
body.auth-premium .card,
body.auth-premium .login_form,
body.auth-premium .auth .login-page {
  animation: auth-fade-up 0.35s ease-out both;
}

@keyframes auth-fade-up {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 992px) {
  body.auth-premium .page.main-signin-wrapper {
    padding: 20px 10px;
  }

  body.auth-premium .signpages .login_form,
  body.auth-premium .row.vh-100 > [class*="col-"] {
    padding: 18px 14px !important;
    border-radius: 18px !important;
  }

  body.auth-premium .card-body {
    padding: 16px 10px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.auth-premium * {
    animation: none !important;
    transition: none !important;
  }
}