/* =========================================================
   RADARMEETFIND — DESKTOP LOGIN COLOR OVERRIDES ONLY
   Layout, imagery, HTML controls, and behavior stay unchanged.
   ========================================================= */

@media (min-width: 601px) {
  #authScreen {
    background:
      radial-gradient(circle at 50% 42%, rgba(111, 37, 84, 0.18), transparent 38%),
      radial-gradient(circle at 50% 42%, rgba(18, 191, 255, 0.10), transparent 30%),
      linear-gradient(180deg, #05070b 0%, #071321 55%, #050609 100%) !important;
  }

  #authScreen>.auth-center>.auth-card {
    border-color: #12BFFF !important;
    background:
      radial-gradient(circle at 50% 40%, rgba(111, 37, 84, 0.18), transparent 68%),
      linear-gradient(180deg, rgba(16, 25, 40, 0.98), rgba(7, 19, 33, 0.98)) !important;
    box-shadow:
      0 25px 60px rgba(0, 0, 0, 0.60),
      0 0 40px rgba(18, 191, 255, 0.30) !important;
  }

  #authScreen>.auth-center>.auth-card .auth-logo-icon {
    border-color: #12BFFF !important;
    color: #12BFFF !important;
    box-shadow:
      0 0 22px rgba(18, 191, 255, 0.30) !important;
  }

  #authScreen>.auth-center>.auth-card .auth-logo span,
  #authScreen>.auth-center>.auth-card .auth-join-line span:first-child {
    color: #12BFFF !important;
  }

  #authScreen>.auth-center>.auth-card .auth-tab.active {
    background:
      linear-gradient(135deg, #12BFFF, #149DFF) !important;
    box-shadow:
      0 5px 18px rgba(18, 191, 255, 0.30) !important;
  }

  #authScreen>.auth-center>.auth-card .auth-main-button {
    background:
      linear-gradient(135deg, #149DFF, #087FD1) !important;
    box-shadow:
      0 8px 25px rgba(18, 191, 255, 0.30) !important;
  }

  #authScreen>.auth-center>.auth-card .forgot-password {
    color: #12BFFF !important;
  }

  #authScreen>.auth-center>.auth-card .auth-form>input:focus {
    border-color: #12BFFF !important;
    box-shadow:
      0 0 0 3px rgba(18, 191, 255, 0.30) !important;
  }

  #authScreen>.auth-center>.auth-card .remember-login input {
    accent-color: #12BFFF !important;
  }

  #authScreen>.auth-center>.auth-card .auth-inline-legal-link {
    color: #12BFFF !important;
  }

  #authScreen .auth-image-card {
    border-color: rgba(18, 191, 255, 0.72) !important;
    box-shadow:
      0 20px 45px rgba(0, 0, 0, 0.65),
      0 0 26px rgba(18, 191, 255, 0.18) !important;
  }

  #authScreen .auth-left-column .auth-image-card:hover,
  #authScreen .auth-right-column .auth-image-card:hover {
    box-shadow:
      0 25px 55px rgba(0, 0, 0, 0.75),
      0 0 38px rgba(18, 191, 255, 0.30) !important;
  }

  #authScreen .auth-feature {
    border-color: rgba(18, 191, 255, 0.38) !important;
    box-shadow:
      0 0 18px rgba(18, 191, 255, 0.18) !important;
  }
}

/* =========================================================
   RADARMEETFIND — DESKTOP GLASS CARD FINAL FIX
   Desktop only. Mobile untouched.
   ========================================================= */

@media (min-width: 601px) {

  /* Let the center wrapper size itself to the actual card */
  #authScreen>.auth-center {
    height: auto !important;
    min-height: 0 !important;
    align-self: center !important;
  }

  /* Glass card should hug its content — no giant empty bottom */
  #authScreen>.auth-center>.auth-card {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    background: rgba(255, 255, 255, 0.18) !important;

    -webkit-backdrop-filter: blur(8px) saturate(115%) !important;
    backdrop-filter: blur(8px) saturate(115%) !important;

    border: 1px solid rgba(255, 255, 255, 0.62) !important;

    box-shadow:
      0 18px 45px rgba(0, 0, 0, 0.22),
      inset 0 1px 0 rgba(255, 255, 255, 0.35) !important;

    padding-bottom: 24px !important;
    align-self: center !important;
    flex: 0 0 auto !important;

    overflow: visible !important;
  }

  #authScreen>.auth-center {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: stretch !important;
    flex: 0 0 auto !important;
  }

  /* FINAL DESKTOP CARD HEIGHT OVERRIDE */
  #authScreen>.auth-center>.auth-card {
    height: fit-content !important;
    min-height: 0 !important;
    max-height: fit-content !important;
    padding-bottom: 18px !important;
    align-self: center !important;
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
  }

  #authScreen>.auth-center {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    align-self: center !important;
  }

}

/* DESKTOP ONLY — force feature caption text dark */
@media (min-width: 601px) {

  #authScreen .auth-features,
  #authScreen .auth-features *,
  #authScreen .auth-feature,
  #authScreen .auth-feature * {
    color: #172033 !important;
    text-shadow: none !important;
  }

  /* Keep the feature icons their original bright colors */
  #authScreen .auth-feature-icon {
    color: revert !important;
  }
}

/* DESKTOP ONLY — brighten activity pictures */
@media (min-width: 601px) {
  #authScreen .auth-image-card img {
    filter: brightness(1.35) saturate(1.15) contrast(1.02) !important;
  }
}

/* MAKE THE 3 LOGIN FEATURE CAPTIONS DARK + READABLE */
@media (min-width: 601px) {

  #authScreen .auth-features .auth-feature,
  #authScreen .auth-features .auth-feature strong {
    color: #071b33 !important;
    text-shadow: none !important;
    opacity: 1 !important;
  }
}

/* FORCE THE 3 TEXT CAPTIONS UNDER JOIN FREE TO DARK */
@media (min-width: 601px) {

  #authScreen .auth-card .auth-join-line,
  #authScreen .auth-card .auth-join-line span,
  #authScreen .auth-card [class*="feature"] strong,
  #authScreen .auth-card [class*="feature"] div,
  #authScreen .auth-card [class*="feature"] p,
  #authScreen .auth-card [class*="feature"] small {
    color: #071b33 !important;
    -webkit-text-fill-color: #071b33 !important;
    text-shadow: none !important;
    opacity: 1 !important;
  }
}

/* DESKTOP — FIX THE 3 BENEFIT CAPTIONS */
@media (min-width: 601px) {
  #authScreen .auth-benefits .auth-benefit>span:not(.auth-benefit-icon) {
    color: #071b33 !important;
    -webkit-text-fill-color: #071b33 !important;
    text-shadow: none !important;
    opacity: 1 !important;
  }
}

/* DESKTOP — MAKE 18+ NOTICE READABLE */
@media (min-width: 601px) {
  #authScreen .auth-age-notice {
    color: #071b33 !important;
    -webkit-text-fill-color: #071b33 !important;
    text-shadow: none !important;
    opacity: 1 !important;
  }
}

/* DESKTOP — DARKEN CREATE ACCOUNT TEXT */
@media (min-width: 601px) {

  /* Username / Email / Password / Confirm Password */
  #authScreen #signupForm label {
    color: #071b33 !important;
    -webkit-text-fill-color: #071b33 !important;
    text-shadow: none !important;
  }

  /* 18+ agreement sentence */
  #authScreen .auth-age-confirm,
  #authScreen .auth-age-confirm * {
    color: #071b33 !important;
    -webkit-text-fill-color: #071b33 !important;
    text-shadow: none !important;
  }

  /* Human verification instructions */
  #authScreen .auth-human-check,
  #authScreen .auth-human-check p,
  #authScreen .auth-human-check small {
    color: #071b33 !important;
    -webkit-text-fill-color: #071b33 !important;
    text-shadow: none !important;
  }

  /* Bottom 18+ notice */
  #authScreen .auth-age-notice {
    color: #071b33 !important;
    -webkit-text-fill-color: #071b33 !important;
    text-shadow: none !important;
  }
}

/* DESKTOP — HUMAN CHECK TEXT READABILITY */
@media (min-width: 601px) {

  #signupHumanTitle,
  #signupHumanStatus {
    color: #071b33 !important;
    -webkit-text-fill-color: #071b33 !important;
    text-shadow: none !important;
    opacity: 1 !important;
  }
}

/* DESKTOP — HUMAN CHECK TEXT READABILITY */
@media (min-width: 601px) {

  #signupHumanTitle {
    color: #071b33 !important;
    -webkit-text-fill-color: #071b33 !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    text-shadow: none !important;
    opacity: 1 !important;
  }

  #signupHumanStatus {
    color: #071b33 !important;
    -webkit-text-fill-color: #071b33 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    text-shadow: none !important;
    opacity: 1 !important;
  }
}

/* =========================================================
   DESKTOP — FINAL READABILITY / TEXT SIZE BOOST
   Mobile untouched
   ========================================================= */

@media (min-width: 601px) {

  /* Three benefits under JOIN FREE */
  #authScreen .auth-benefit>span:not(.auth-benefit-icon) {
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
  }

  /* Form labels: Username, Email, Password, Confirm Password */
  #authScreen .auth-form label {
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
  }

  /* Text inside input boxes */
  #authScreen .auth-form input {
    font-size: 13px !important;
  }

  /* 18+ agreement */
  #authScreen .auth-terms-check {
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
  }

  /* Prove you're human */
  #signupHumanTitle {
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
  }

  /* Human-check instructions */
  #signupHumanStatus {
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
  }

  /* CAPTCHA target words */
  #signupHumanBoard {
    font-size: 11px !important;
  }

  /* Bottom 18+ / Terms / Privacy area */
  #authScreen .auth-no-payment,
  #authScreen .auth-age-notice {
    font-size: 11px !important;
    font-weight: 700 !important;
  }
}