/* Tactical auth — overrides Phase F inline auth block (loaded after index inline styles via link order + !important) */

.login-page {
  background:
    linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px),
  #080808 !important;
  background-size: 48px 48px, 48px 48px, auto !important;
}

.login-page::after {
  display: none !important;
}

.auth-aside {
  background:
    radial-gradient(ellipse 120% 80% at 0% 0%, rgba(255, 92, 26, 0.14) 0%, transparent 55%),
    linear-gradient(160deg, #0d0d0d 0%, #080808 100%) !important;
  border: 1px solid rgba(255, 92, 26, 0.18) !important;
  border-radius: 4px !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.auth-aside h2 {
  background: none !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  color: #f0f0f0 !important;
  font-family: "Barlow Condensed", sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
}

.auth-stat-value {
  background: none !important;
  -webkit-text-fill-color: #ff5c1a !important;
  color: #ff5c1a !important;
}

.auth-highlight-icon svg {
  stroke: #ff5c1a !important;
}

.login-card {
  background: #0d0d0d !important;
  border: 1px solid rgba(255, 92, 26, 0.2) !important;
  border-radius: 4px !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.03) inset !important;
}

.auth-tabs {
  background: #080808 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 4px !important;
  padding: 0.25rem !important;
}

.auth-tab {
  border-radius: 3px !important;
  color: #888 !important;
  font-family: "Barlow Condensed", sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  font-size: 0.82rem !important;
}

.auth-tab.active {
  background: #ff5c1a !important;
  color: #0a0a0a !important;
  box-shadow: 0 0 16px rgba(255, 92, 26, 0.35) !important;
}

.auth-tab:hover:not(.active) {
  color: #ff5c1a !important;
  background: rgba(255, 92, 26, 0.08) !important;
}

.form-label {
  font-family: "JetBrains Mono", monospace !important;
  font-size: 0.68rem !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: #666 !important;
}

.form-input {
  background: #080808 !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 4px !important;
  color: #e8e8e8 !important;
}

.form-input:focus {
  border-color: rgba(255, 92, 26, 0.55) !important;
  box-shadow: 0 0 0 3px rgba(255, 92, 26, 0.12) !important;
}

#login-btn,
#register-btn {
  background: #ff5c1a !important;
  color: #0a0a0a !important;
  border: 1px solid rgba(255, 92, 26, 0.6) !important;
  border-radius: 4px !important;
  font-family: "Barlow Condensed", sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  box-shadow: 0 0 20px rgba(255, 92, 26, 0.25) !important;
}

#login-btn:hover,
#register-btn:hover {
  background: #ff7429 !important;
  filter: none !important;
  box-shadow: 0 0 28px rgba(255, 92, 26, 0.4) !important;
}

.login-payments-strip .ig-pay-compact {
  border-radius: 4px !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

.login-payments-strip .ig-pay-chip {
  color: #ff5c1a !important;
  background: rgba(255, 92, 26, 0.1) !important;
  border-color: rgba(255, 92, 26, 0.25) !important;
}

.footer-link:hover {
  color: #ff5c1a !important;
}