/* ==========================================================================
   DEALCENTRAL MASTER DESIGN SYSTEM & ALIGNMENT SUITE
   ========================================================================== */

:root {
  --dc-bg-main: #081B2D;
  --dc-bg-card: #132A40;
  --dc-bg-surface: #0B1928;
  --dc-border-main: #28506D;
  --dc-border-subtle: #1F2937;
  --dc-primary-blue: #1D4ED8;
  --dc-primary-hover: #1E40AF;
  --dc-accent-cyan: #38BDF8;
  --dc-accent-orange: #F97316;
  --dc-accent-green: #22C55E;
  --dc-text-primary: #FFFFFF;
  --dc-text-secondary: #CBD5E1;
  --dc-text-muted: #94A3B8;
  --dc-max-width: 1280px;
}

/* 1. Global Reset & Base Uniformity */
html, body {
  background-color: #081B2D !important;
  color: #FFFFFF !important;
  font-family: 'Source Sans 3', system-ui, -apple-system, sans-serif !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  -webkit-font-smoothing: antialiased !important;
  text-rendering: optimizeLegibility !important;
}

*, *::before, *::after {
  box-sizing: border-box !important;
}

/* 2. Container Standard Alignment */
.container,
.dc-hero-inner,
.dc-switch-inner,
.dc-steps-inner,
.site-navbar,
.footer-grid,
.footer-bottom {
  width: 100% !important;
  max-width: var(--dc-max-width) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
  box-sizing: border-box !important;
}

/* 3. Header & Navigation Precision Alignment */
.header, #main-header, .site-header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 74px !important;
  background: #081B2D !important;
  border-bottom: 1px solid #1F2937 !important;
  z-index: 1000 !important;
  display: flex !important;
  align-items: center !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.3) !important;
}

.header .container.navbar,
.site-header .container.navbar,
.site-navbar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  height: 100% !important;
}

.nav-menu, .site-nav-menu {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.nav-link, .site-nav-link {
  color: #CBD5E1 !important;
  font-weight: 600 !important;
  font-size: 0.92rem !important;
  padding: 8px 14px !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  transition: all 0.2s ease !important;
}

.nav-link:hover, .nav-link.active, .site-nav-link:hover, .site-nav-link.active {
  color: #FFFFFF !important;
}

.nav-auth-btn {
  background: #1D4ED8 !important;
  color: #FFFFFF !important;
  border: none !important;
  padding: 9px 20px !important;
  font-weight: 700 !important;
  font-size: 0.92rem !important;
  border-radius: 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  box-shadow: 0 4px 14px rgba(29,78,216,0.35) !important;
  transition: all 0.2s ease !important;
}

.nav-auth-btn:hover {
  background: #1E40AF !important;
  transform: translateY(-1px) !important;
}

/* 4. Sections Vertical Rhythm & Alignment */
.main-content {
  margin-top: 74px !important;
}

section {
  background-color: #081B2D !important;
  color: #CBD5E1 !important;
}

/* Headings Alignment */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Archivo', system-ui, -apple-system, sans-serif !important;
  color: #FFFFFF !important;
  letter-spacing: -0.02em !important;
}

/* 5. Symmetrical Cards & Grid Alignment */
.card,
.dc-step,
.county-plan-card,
.lead-type-card,
.public-card,
.stat-card,
.property-card,
.dc-deal-card {
  background: #132A40 !important;
  border: 1px solid #28506D !important;
  border-radius: 16px !important;
  color: #FFFFFF !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.3) !important;
  box-sizing: border-box !important;
}

/* Hero Choice Cards Alignment */
.dc-hero-choice {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)) !important;
  gap: 24px !important;
  align-items: stretch !important;
}

.dc-hero-side {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  background: #132A40 !important;
  border: 1px solid #28506D !important;
  border-radius: 16px !important;
  padding: 36px 32px !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.35) !important;
}

/* Steps Grid Alignment */
.dc-steps-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
  gap: 24px !important;
  align-items: stretch !important;
}

.dc-step {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  padding: 28px !important;
}

/* 6. Button Uniformity */
.btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: inherit !important;
  font-weight: 700 !important;
  font-size: 0.95rem !important;
  border-radius: 8px !important;
  padding: 12px 24px !important;
  cursor: pointer !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

.btn-primary {
  background: #1D4ED8 !important;
  color: #FFFFFF !important;
  border: none !important;
  box-shadow: 0 4px 14px rgba(29,78,216,0.35) !important;
}

.btn-primary:hover {
  background: #1E40AF !important;
  transform: translateY(-1px) !important;
}

.btn-secondary, .btn-outline {
  background: rgba(255,255,255,0.05) !important;
  border: 1px solid #28506D !important;
  color: #FFFFFF !important;
}

.btn-secondary:hover, .btn-outline:hover {
  background: #1A3854 !important;
  border-color: #38BDF8 !important;
}

/* 7. Modal Centering & Viewport Lock */
.modal-overlay {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  background: rgba(8, 27, 45, 0.85) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  z-index: 9999 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 20px !important;
  box-sizing: border-box !important;
}

.modal-content {
  margin: auto !important;
  max-width: 520px !important;
  width: 100% !important;
  background: #0B1928 !important;
  border: 1px solid #28506D !important;
  border-radius: 16px !important;
  box-shadow: 0 25px 60px rgba(0,0,0,0.6) !important;
  color: #FFFFFF !important;
}

/* 8. Form Inputs Alignment */
input, select, textarea, .glass-input, .input-field {
  background-color: #0B1928 !important;
  border: 1px solid #28506D !important;
  color: #FFFFFF !important;
  border-radius: 8px !important;
  padding: 12px 14px !important;
  font-family: inherit !important;
  font-size: 0.95rem !important;
  box-sizing: border-box !important;
}

input:focus, select:focus, textarea:focus {
  outline: none !important;
  border-color: #38BDF8 !important;
  box-shadow: 0 0 0 2px rgba(56, 189, 248, 0.25) !important;
}


/* ==========================================================================
   DEAL CENTRAL — DARK NAVY DESIGN TOKENS.
   Source of truth for dark navy theme (#081B2D).
   ========================================================================== */

:root {

  /* ===== BRAND SCALE — Dark Navy Palette ============ */

  --dc-ink:            #FFFFFF !important;   /* Text Primary (White) */
  --dc-forest:         #F97316 !important;   /* Primary Action (Orange) */
  --dc-forest-deep:    #EA580C !important;   /* Primary Action Hover (Dark Orange) */
  --dc-verdant:        #22D3EE !important;   /* Interactive / Cyan Accent */
  --dc-verdant-soft:   rgba(34, 211, 238, 0.15) !important;

  --dc-signal:         #F97316 !important;   /* Secondary Action -> Orange */
  --dc-signal-deep:    #EA580C !important;
  --dc-signal-soft:    rgba(249, 115, 22, 0.15) !important;

  --dc-stone:          #081B2D !important;   /* Primary Background (Deep Dark Navy) */
  --dc-stone-2:        #0B1928 !important;   /* Dark Navy Surface */
  --dc-paper:          #132A40 !important;   /* Card Surface (Navy Card) */
  --dc-rule:           #28506D !important;   /* Border (Navy Border) */
  --dc-rule-strong:    #38BDF8 !important;   /* Border Highlight */
  --dc-text:           #FFFFFF !important;   /* Text Primary (White) */
  --dc-text-soft:      #CBD5E1 !important;   /* Text Secondary (Slate) */
  --dc-text-mute:      #94A3B8 !important;   /* Text Muted */

  /* Semantic state */
  --dc-ok:             #34D399 !important;   /* Emerald / Profit */
  --dc-warn:           #F59E0B !important;   /* Amber / Warning */
  --dc-danger:         #F43F5E !important;   /* Rose / Danger */
  --dc-info:           #38BDF8 !important;   /* Sky / Info */
  
  --dc-dark-header:    #081B2D !important;   /* Dark Header/Footer */

  --font-header: 'Archivo', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  --font-body:   'Source Sans 3', system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important;
  --font-mono:   ui-monospace, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace !important;

  /* ===== ALIASES ==================== */

  --primary:               var(--dc-forest) !important;
  --primary-hover:         var(--dc-forest-deep) !important;
  --accent:                var(--dc-verdant) !important;
  --accent-hover:          var(--dc-verdant) !important;
  --accent-blue:           var(--dc-verdant) !important;

  --color-primary:         var(--dc-forest) !important;
  --color-primary-hover:   var(--dc-forest-deep) !important;
  --color-accent:          var(--dc-verdant) !important;
  --color-accent-hover:    var(--dc-verdant) !important;
  --color-accent-blue:     var(--dc-verdant) !important;
  --color-surface:         var(--dc-paper) !important;
  --color-border:          var(--dc-rule) !important;
  --color-background-dark: var(--dc-stone) !important;

  --bg-main:               var(--dc-stone) !important;
  --bg-surface:            var(--dc-paper) !important;
  --bg-surface-hover:      var(--dc-stone-2) !important;
  --border-color:          var(--dc-rule) !important;

  --text-main:             var(--dc-text) !important;
  --text-secondary:        var(--dc-text-soft) !important;
  --text-muted:            var(--dc-text-mute) !important;
  --dc-heading-color:      var(--dc-text) !important;

  --color-success:         var(--dc-ok) !important;
  --color-warning:         var(--dc-warn) !important;
  --color-danger:          var(--dc-danger) !important;
  --color-error:           var(--dc-danger) !important;

  --glass-bg:     rgba(19, 42, 64, 0.85) !important;
  --glass-border: rgba(40, 80, 109, 0.5) !important;
  --glass-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.5) !important;

  --radius-sm: 8px !important;
  --radius-md: 12px !important;
  --radius-lg: 18px !important;
  --transition-normal: 200ms cubic-bezier(0.4, 0, 0.2, 1) !important;
}

a:focus-visible,
button:focus-visible,
[role="button"]:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible,
[tabindex]:focus-visible {
  outline: 3px solid var(--dc-verdant) !important;
  outline-offset: 2px !important;
  border-radius: 4px;
}

/* Global Dark Navy Surface Resets */
body, .frontend-body, .app-container, .main-content {
  background-color: #081B2D !important;
  color: #FFFFFF !important;
}

.partners-section,
.home-categories {
  background: #081B2D !important;
  color: #FFFFFF !important;
}

.partners-section .title {
  color: #94A3B8 !important;
}

.partner-logos span,
.partner-logos a {
  color: #94A3B8 !important;
}

.partner-logos span:hover,
.partner-logos a:hover {
  color: #FFFFFF !important;
}

.home-categories h2 {
  color: #FFFFFF !important;
}

.home-categories p {
  color: #CBD5E1 !important;
}

.home-categories .cat-card,
a.cat-card {
  background: #132A40 !important;
  border: 1px solid #28506D !important;
  color: #FFFFFF !important;
}

.home-categories .cat-card:hover,
a.cat-card:hover {
  border-color: #F97316 !important;
  background: #1A3854 !important;
  color: #FFFFFF !important;
}

/* Global Navigation Dropdown Rules */
.nav-dropdown {
  position: relative;
  display: inline-block;
}

.nav-dropdown-content {
  display: none !important;
  position: absolute;
  background-color: #111827 !important;
  min-width: 200px;
  box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.4);
  border-radius: 12px;
  z-index: 1000;
  padding: 8px 0;
  top: 100%;
  left: 0;
  border: 1px solid #1F2937 !important;
}

.nav-dropdown:hover > .nav-dropdown-content,
.nav-dropdown.open > .nav-dropdown-content,
.nav-dropdown:focus-within > .nav-dropdown-content {
  display: block !important;
}

.nav-dropdown-item {
  color: #E2E8F0 !important;
  padding: 10px 18px !important;
  text-decoration: none !important;
  display: block !important;
  font-weight: 500 !important;
  font-size: 0.92rem !important;
  transition: all 0.15s ease !important;
}

.nav-dropdown-item:hover {
  background-color: #1A3854 !important;
  color: #F97316 !important;
  padding-left: 22px !important;
}

/* ==========================================================================
   GLOBAL ALIGNMENT & COMPONENT SIZING FIXES
   ========================================================================== */

/* Navbar & Header Alignment */
.header {
  background: var(--dc-dark-header, #081B2D) !important;
  border-bottom: 1px solid var(--dc-rule, #28506D) !important;
}

.header .nav-link {
  color: var(--dc-text-soft, #CBD5E1) !important;
  font-weight: 600 !important;
}

.header .nav-link:hover,
.header .nav-link.active {
  color: #FFFFFF !important;
}

.header .navbar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 72px !important;
  gap: 16px !important;
}

.brand-logo {
  display: flex !important;
  align-items: center !important;
  flex-shrink: 0 !important;
}

.nav-menu {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.nav-account-actions {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex-shrink: 0 !important;
}

/* Button Sizing & Vertical Centering */
.btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  vertical-align: middle !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
}

.btn-sm {
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 16px !important;
  font-size: 0.86rem !important;
  border-radius: 8px !important;
}

.btn-xs {
  height: 30px !important;
  min-height: 30px !important;
  padding: 0 10px !important;
  font-size: 0.78rem !important;
  border-radius: 6px !important;
}

/* Form Input & Select Alignment */
.form-control,
.form-select,
.search-input,
.filter-select {
  box-sizing: border-box !important;
  vertical-align: middle !important;
}

/* Equal-Height Cards & Flex Alignment */
.lead-card,
.dc-deal-card,
.property-card,
.pricing-card {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  box-sizing: border-box !important;
}

.lead-card-body,
.property-card-details {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
}

.lead-card-footer,
.property-card-actions {
  margin-top: auto !important;
}

/* Responsive Alignment Adjustments */
@media (max-width: 992px) {
  .header .navbar {
    padding-inline: 16px !important;
  }
  .marketplace-split-container {
    grid-template-columns: 1fr !important;
  }
  .marketplace-map-col {
    position: relative !important;
    top: 0 !important;
    height: 380px !important;
    border-right: none !important;
    border-bottom: 1px solid #28506D !important;
  }
  .marketplace-cards-col {
    padding: 20px 16px !important;
  }
  #investorlift-cards-grid {
    grid-template-columns: 1fr !important;
  }
}

/* Investorlift Marketplace Filter Box Alignment */
.il-filter-box {
  display: inline-flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  min-height: 44px !important;
  box-sizing: border-box !important;
}

.il-filter-box select {
  cursor: pointer !important;
  outline: none !important;
}

/* Homepage Hero Spacing Balance */
.dc-hero {
  padding-top: clamp(28px, 3.5vw, 44px) !important;
}

/* ==========================================================================
   COVERAGE MAP & OFF-MARKET STATE TILE STYLES
   ========================================================================== */
.dc-map {
  background: #081B2D !important;
  color: #FFFFFF !important;
}

.dc-map-head h2 {
  color: #FFFFFF !important;
}

.dc-map-head p {
  color: #94A3B8 !important;
}

.dc-tile {
  text-decoration: none !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
  border-radius: 6px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* 0 records in MySQL -> Dark / muted tile */
.dc-tile--0 {
  background: #0C1A29 !important;
  border: 1px solid #1A2E44 !important;
  color: #475569 !important;
  opacity: 0.6 !important;
  cursor: default !important;
}
.dc-tile--0:hover {
  background: #112338 !important;
  border-color: #2D4868 !important;
  color: #64748B !important;
  opacity: 0.85 !important;
  transform: scale(1.05) !important;
}

/* Real records in MySQL -> Vibrant Highlights! */
.dc-tile--1 {
  background: rgba(0, 82, 255, 0.25) !important;
  border: 1px solid #0052FF !important;
  color: #93C5FD !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  box-shadow: 0 2px 8px rgba(0, 82, 255, 0.25) !important;
}
.dc-tile--1:hover {
  background: #0052FF !important;
  color: #FFFFFF !important;
  transform: scale(1.15) !important;
  box-shadow: 0 6px 18px rgba(0, 82, 255, 0.5) !important;
  z-index: 5 !important;
}

.dc-tile--2 {
  background: #0052FF !important;
  border: 1px solid #3B82F6 !important;
  color: #FFFFFF !important;
  font-weight: 800 !important;
  cursor: pointer !important;
  box-shadow: 0 4px 14px rgba(0, 82, 255, 0.4) !important;
}
.dc-tile--2:hover {
  background: #2563EB !important;
  transform: scale(1.15) !important;
  box-shadow: 0 8px 24px rgba(0, 82, 255, 0.6) !important;
  z-index: 5 !important;
}

.dc-tile--3 {
  background: linear-gradient(135deg, #0052FF 0%, #10B981 100%) !important;
  border: 1px solid #34D399 !important;
  color: #FFFFFF !important;
  font-weight: 800 !important;
  cursor: pointer !important;
  box-shadow: 0 4px 16px rgba(16, 185, 129, 0.4) !important;
}
.dc-tile--3:hover {
  background: linear-gradient(135deg, #2563EB 0%, #059669 100%) !important;
  transform: scale(1.18) !important;
  box-shadow: 0 8px 26px rgba(16, 185, 129, 0.65) !important;
  z-index: 5 !important;
}

/* ==========================================================================
   UI BLOCKER GUARDS & MODAL Z-INDEX RESOLUTION
   ========================================================================== */
.modal-overlay,
.modal-backdrop,
.dc-modal-overlay,
.drawer-backdrop,
#auth-modal,
#lead-details-modal,
#criteria-modal,
#lead-export-modal {
  z-index: 9999 !important;
}

.modal-dialog,
.modal-content,
.dc-modal {
  z-index: 10000 !important;
}

/* Base Headings & High-Contrast Typography */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Archivo', var(--font-header, sans-serif) !important;
  color: #FFFFFF;
}

body, p, span, td, li {
  font-family: 'Inter', var(--font-body, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);
}

.mono-num, .stat-value, .price-val {
  font-family: 'IBM Plex Mono', monospace !important;
}

/* ==========================================================================
   VIEW PANEL STRICT DECOUPLING GUARDS
   ========================================================================== */










/* ==========================================================================
   GLOBAL ALIGNMENT & COMPONENT STANDARDIZATION SUITE
   ========================================================================== */

/* 1. Header & Navigation Alignment */
.header, #main-header, .site-header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 74px !important;
  background: #081B2D !important;
  border-bottom: 1px solid #1F2937 !important;
  z-index: 1000 !important;
  display: flex !important;
  align-items: center !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.3) !important;
}

.header .container.navbar,
.site-header .container.navbar,
.navbar {
  max-width: 1380px !important;
  margin: 0 auto !important;
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 0 24px !important;
  box-sizing: border-box !important;
}

.nav-menu {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.nav-account-actions {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

.nav-auth-btn {
  background: #1D4ED8 !important;
  color: #FFFFFF !important;
  border: none !important;
  padding: 9px 20px !important;
  font-weight: 700 !important;
  font-size: 0.92rem !important;
  border-radius: 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: background 0.2s ease, transform 0.15s ease !important;
}

.nav-auth-btn:hover {
  background: #1E40AF !important;
  transform: translateY(-1px) !important;
}

/* 2. Modal Centering & Alignment */
.modal-overlay {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  background: rgba(8, 27, 45, 0.85) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  z-index: 9999 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 20px !important;
  box-sizing: border-box !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transition: opacity 0.25s ease !important;
}

.modal-overlay.active,
.modal-overlay[style*="display: flex"],
.modal-overlay[style*="display:flex"] {
  opacity: 1 !important;
  pointer-events: auto !important;
  display: flex !important;
}

.modal-content {
  margin: auto !important;
  background: #0B1928 !important;
  border: 1px solid #28506D !important;
  border-radius: 16px !important;
  box-shadow: 0 25px 60px rgba(0,0,0,0.6) !important;
  color: #FFFFFF !important;
  max-height: 90vh !important;
  overflow-y: auto !important;
  position: relative !important;
}

/* 3. Hero & Section Alignment */
.main-content {
  margin-top: 74px !important;
  padding-top: 0 !important;
}

.dc-hero {
  min-height: calc(100vh - 74px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.dc-hero-inner {
  width: 100% !important;
  max-width: 1120px !important;
  margin: 0 auto !important;
  padding: 40px 20px !important;
}

.dc-hero-head {
  text-align: center !important;
  margin-bottom: 36px !important;
}

.dc-hero-choice {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)) !important;
  gap: 24px !important;
  justify-content: center !important;
  align-items: stretch !important;
}

.dc-hero-side {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
}

/* 4. Switch Section Alignment */
.dc-switch {
  padding: 60px 20px !important;
  background: #081B2D !important;
}

.dc-switch-inner {
  max-width: 1080px !important;
  margin: 0 auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

.dc-switch-tabs {
  margin: 0 auto 32px !important;
  display: inline-flex !important;
  justify-content: center !important;
}

/* 5. Button & Input Alignment Standard */
.btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: inherit !important;
  font-weight: 700 !important;
  border-radius: 8px !important;
  cursor: pointer !important;
}