/* ================================================================
   BIDORA Design System v5
   Spacing: 4/8/12/16/20/24/32/40/48/64/80/96px
   Type:    12/13/14/15/16/18/20/24/28/32/40/48/56px
   ================================================================ */

/* ── 1. TOKENS ─────────────────────────────────────────────────── */
:root {
  /* Brand */
  --buyer-50:#EEF4FF; --buyer-100:#D5E5FF; --buyer-200:#A8C8FF;
  --buyer-300:#6EA8F7; --buyer-400:#4A8EF2; --buyer-500:#2872E8;
  --buyer-600:#1565C0; --buyer-700:#0F4FA0; --buyer-800:#0A3880; --buyer-900:#062460;

  --seller-50:#FFF4EE; --seller-100:#FFE0CC; --seller-200:#FFB88A;
  --seller-300:#FF8C52; --seller-400:#F4621D; --seller-500:#D84F10;
  --seller-600:#B83E08; --seller-700:#962E04;

  --teal-50:#F0FDFA; --teal-100:#CCFBF1; --teal-500:#14B8A6;
  --teal-600:#0891B2; --teal-700:#0E7490;

  --emerald-50:#ECFDF5; --emerald-100:#D1FAE5; --emerald-200:#A7F3D0; --emerald-400:#34D399; --emerald-500:#10B981;
  --emerald-600:#059669; --emerald-700:#047857;

  --green-50:#F0FDF4; --green-100:#DCFCE7; --green-500:#22C55E;
  --green-600:#388E3C; --green-700:#2E7D32;

  --gold-50:#FFFBEB; --gold-100:#FEF3C7; --gold-300:#FCD34D;
  --gold-500:#F59E0B; --gold-600:#D97706;

  /* Neutrals */
  --dark:#060D1E; --navy:#0A1628;
  --gray-50:#F9FAFB; --gray-100:#F3F4F6; --gray-200:#E5E7EB;
  --gray-300:#D1D5DB; --gray-400:#9CA3AF; --gray-500:#6B7280;
  --gray-600:#4B5563; --gray-700:#374151; --gray-800:#1F2937; --gray-900:#111827;

  /* Semantic */
  --surface-50:#F8FAFC; --surface-100:#F1F5F9; --surface-200:#E2E8F0;
  --border:#E2E8F0;
  --text-1:#0F172A; --text-2:#475569; --text-3:#94A3B8;

  /* Shadows */
  --shadow-xs:0 1px 2px rgba(0,0,0,.05);
  --shadow-sm:0 1px 3px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.04);
  --shadow-md:0 4px 12px rgba(0,0,0,.07),0 2px 4px rgba(0,0,0,.04);
  --shadow-lg:0 8px 24px rgba(0,0,0,.09),0 4px 8px rgba(0,0,0,.04);
  --shadow-xl:0 20px 48px rgba(0,0,0,.12),0 8px 16px rgba(0,0,0,.05);
  --shadow-buyer:0 8px 24px rgba(21,101,192,.20);
  --shadow-seller:0 8px 24px rgba(244,98,29,.20);

  /* Radii */
  --r-sm:8px; --r-md:12px; --r-lg:16px; --r-xl:20px; --r-2xl:28px;

  /* Spacing */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:20px;
  --sp-6:24px; --sp-8:32px; --sp-10:40px; --sp-12:48px; --sp-16:64px;

  /* Typography */
  --text-xs:.75rem; --text-sm:.875rem; --text-base:1rem;
  --text-lg:1.125rem; --text-xl:1.25rem; --text-2xl:1.5rem;
  --text-3xl:1.875rem; --text-4xl:2.25rem; --text-5xl:3rem;

  /* Legacy aliases */
  --brand-50:var(--buyer-50); --brand-100:var(--buyer-100);
  --brand-200:var(--buyer-200); --brand-300:var(--buyer-300);
  --brand-400:var(--buyer-400); --brand-500:var(--buyer-500);
  --brand-600:var(--buyer-600); --brand-700:var(--buyer-700);
  --brand-800:var(--buyer-800); --brand-900:var(--buyer-900);
  --accent-orange:var(--seller-400); --accent-green:var(--green-600);
  --border-color:var(--border); --text-primary:var(--text-1);
  --text-secondary:var(--text-2); --text-muted:var(--text-3);
  --radius-sm:var(--r-sm); --radius-md:var(--r-md);
  --radius-lg:var(--r-lg); --radius-xl:var(--r-xl);
  --shadow-2xl:var(--shadow-xl);
}

/* ── 2. RESET & BASE ───────────────────────────────────────────── */
*{box-sizing:border-box;}
body{
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  color:var(--text-1); background:#fff; line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;}

/* ── 3. NAVBAR ─────────────────────────────────────────────────── */
.navbar-logo{height:38px;width:auto;object-fit:contain;}
.footer-logo{height:32px;width:auto;filter:brightness(0) invert(1);opacity:.85;}

.bidora-navbar{
  background:rgba(255,255,255,.97);
  backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
  border-bottom:1px solid var(--border);
  padding:0;
  transition:box-shadow .3s;
  z-index:1030;
}
.bidora-navbar .container{height:60px;display:flex;align-items:center;}

.bidora-navbar .nav-link{
  color:var(--text-2); font-weight:500; font-size:.9rem;
  padding:8px 12px; border-radius:var(--r-sm);
  transition:all .18s; letter-spacing:-.01em;
  position:relative;
}
.bidora-navbar .nav-link:hover{color:var(--buyer-700);background:var(--buyer-50);}
.bidora-navbar .nav-link.active{color:var(--buyer-700);}
.bidora-navbar .nav-link.active::after{
  content:''; position:absolute; bottom:-1px; left:12px; right:12px;
  height:2px; background:var(--buyer-600); border-radius:2px;
}

.bidora-navbar .dropdown-menu{
  border:1px solid var(--border); border-radius:var(--r-lg);
  box-shadow:var(--shadow-lg); padding:8px; min-width:220px;
  margin-top:8px;
}
.bidora-navbar .dropdown-item{
  border-radius:var(--r-sm); padding:8px 12px;
  font-size:.875rem; color:var(--text-2); transition:all .15s;
}
.bidora-navbar .dropdown-item:hover{background:var(--buyer-50);color:var(--buyer-700);}

.user-avatar-sm{
  width:34px;height:34px;
  background:linear-gradient(135deg,var(--buyer-100),var(--buyer-200));
  border-radius:50%;display:flex;align-items:center;justify-content:center;
  color:var(--buyer-700);font-size:1.1rem;
}

/* ── 4. ALERT BARS ─────────────────────────────────────────────── */
.alert-bar{padding:10px 0;font-size:.875rem;font-weight:500;}
.alert-bar-success{background:#d1fae5;color:#065f46;}
.alert-bar-danger{background:#fee2e2;color:#991b1b;}

/* ── 5. HERO ───────────────────────────────────────────────────── */
.hero-main{
  background:
    radial-gradient(ellipse at 92% 8%,rgba(244,98,29,.13) 0%,transparent 42%),
    radial-gradient(ellipse at 8% 88%,rgba(21,101,192,.14) 0%,transparent 42%),
    radial-gradient(ellipse at 50% 50%,rgba(8,145,178,.05) 0%,transparent 65%),
    linear-gradient(170deg,#040C1A 0%,#071224 55%,#0B1A35 100%);
  padding:96px 0 0; position:relative; overflow:hidden;
}
.hero-main::before{
  content:'';position:absolute;inset:0;
  background-image:radial-gradient(circle,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:28px 28px;
  pointer-events:none;
}

.hero-kicker{
  display:inline-flex;align-items:center;gap:8px;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);
  color:rgba(255,255,255,.75);padding:6px 16px;border-radius:50px;
  font-size:.72rem;font-weight:700;letter-spacing:.5px;
  backdrop-filter:blur(8px);text-transform:uppercase;
}
.hero-kicker-dot{
  width:7px;height:7px;border-radius:50%;background:#10B981;
  box-shadow:0 0 8px rgba(16,185,129,.7);
  animation:pulse-dot 2s infinite;flex-shrink:0;
}
@keyframes pulse-dot{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.5;transform:scale(.7);}}

.hero-private-badge{
  display:inline-flex;align-items:center;gap:6px;
  background:rgba(244,98,29,.12);border:1px solid rgba(244,98,29,.28);
  color:#FDBA74;padding:6px 14px;border-radius:50px;
  font-size:.72rem;font-weight:700;
}

.hero-title{
  font-size:clamp(2.4rem,5.2vw,4rem);font-weight:900;color:#fff;
  line-height:1.06;letter-spacing:-2.5px;margin:0;
}
.hero-title-accent{
  background:linear-gradient(90deg,#F4621D 0%,#FF8A50 100%);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;
}
.hero-title .accent-buyer{color:#60A5FA;}
.hero-title .accent-seller{color:#FBA273;}
.hero-title .accent-green{color:#6EE7B7;}

.hero-desc{
  font-size:1.06rem;color:rgba(255,255,255,.50);
  line-height:1.80;max-width:480px;
}

.hero-cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px;}

.btn-hero-primary{
  display:inline-flex;align-items:center;gap:9px;
  background:linear-gradient(135deg,#F4621D,#D94D10);
  color:white;font-weight:700;font-size:.975rem;
  padding:14px 30px;border-radius:50px;text-decoration:none;
  border:none;transition:all .22s;
  box-shadow:0 4px 20px rgba(244,98,29,.38);
}
.btn-hero-primary:hover{
  transform:translateY(-2px);color:white;text-decoration:none;
  box-shadow:0 10px 32px rgba(244,98,29,.52);
  background:linear-gradient(135deg,#FF6E2D,#F4621D);
}
.btn-hero-ghost{
  display:inline-flex;align-items:center;gap:9px;
  background:rgba(255,255,255,.07);color:rgba(255,255,255,.80);
  font-weight:600;font-size:.95rem;
  padding:14px 28px;border-radius:50px;text-decoration:none;
  border:1.5px solid rgba(255,255,255,.15);transition:all .22s;
}
.btn-hero-ghost:hover{
  background:rgba(255,255,255,.13);color:white;text-decoration:none;
  border-color:rgba(255,255,255,.28);
}
.hero-proof{
  display:flex;align-items:center;flex-wrap:wrap;gap:8px;
  font-size:.79rem;color:rgba(255,255,255,.35);margin-top:20px;
}
.hero-proof-sep{color:rgba(255,255,255,.15);}

/* ── 5b. ROLE STRIP ─────────────────────────────────────────────── */
.role-strip{background:white;border-bottom:1px solid var(--border);padding:64px 0;}
.role-strip-header{text-align:center;margin-bottom:44px;}
.role-strip-kicker{
  display:inline-flex;align-items:center;gap:6px;
  font-size:.7rem;font-weight:800;letter-spacing:.6px;text-transform:uppercase;
  color:var(--buyer-600);background:var(--buyer-50);
  border:1px solid var(--buyer-100);padding:5px 14px;border-radius:50px;
}
.role-strip-title{font-size:clamp(1.5rem,2.4vw,2.1rem);font-weight:900;color:var(--text-1);letter-spacing:-.4px;margin:12px 0 8px;line-height:1.2;}
.role-strip-desc{font-size:.925rem;color:var(--text-2);max-width:480px;margin:0 auto;line-height:1.65;}
.role-cards-row{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}

.role-card{
  border-radius:var(--r-xl);border:1.5px solid var(--border);
  padding:28px 22px;display:flex;flex-direction:column;background:white;
  transition:transform .22s,box-shadow .22s,border-color .22s;
  position:relative;overflow:hidden;
}
.role-card::before{
  content:'';position:absolute;top:0;left:0;right:0;height:4px;
  border-radius:var(--r-xl) var(--r-xl) 0 0;
}
.role-card:hover{transform:translateY(-5px);}
.role-card-buyer{border-color:var(--buyer-100);}
.role-card-buyer::before{background:linear-gradient(90deg,var(--buyer-700),var(--buyer-400));}
.role-card-buyer:hover{border-color:var(--buyer-200);box-shadow:0 12px 36px rgba(21,101,192,.15);}
.role-card-seller{border-color:#FFE8DC;}
.role-card-seller::before{background:linear-gradient(90deg,#E04E0D,#FF8A50);}
.role-card-seller:hover{border-color:#FBCAB5;box-shadow:0 12px 36px rgba(244,98,29,.15);}
.role-card-dealer{border-color:var(--teal-100);}
.role-card-dealer::before{background:linear-gradient(90deg,var(--teal-700),var(--teal-400));}
.role-card-dealer:hover{border-color:var(--teal-200);box-shadow:0 12px 36px rgba(8,145,178,.15);}
.role-card-agent{border-color:var(--emerald-100);}
.role-card-agent::before{background:linear-gradient(90deg,var(--emerald-700),var(--emerald-400));}
.role-card-agent:hover{border-color:var(--emerald-200);box-shadow:0 12px 36px rgba(5,150,105,.15);}

.role-card-icon{width:52px;height:52px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;font-size:1.35rem;margin-bottom:16px;}
.role-card-buyer  .role-card-icon{background:var(--buyer-50);color:var(--buyer-600);}
.role-card-seller .role-card-icon{background:#FFF4EF;color:#D94D10;}
.role-card-dealer .role-card-icon{background:var(--teal-50);color:var(--teal-700);}
.role-card-agent  .role-card-icon{background:var(--emerald-50);color:var(--emerald-700);}

.role-card-label{font-size:1.05rem;font-weight:800;color:var(--text-1);margin-bottom:5px;}
.role-card-desc{font-size:.82rem;color:var(--text-2);line-height:1.55;margin-bottom:16px;}
.role-card-features{display:flex;flex-direction:column;gap:8px;margin-bottom:22px;flex:1;}
.role-card-feature{display:flex;align-items:flex-start;gap:7px;font-size:.78rem;color:var(--text-2);line-height:1.45;}
.role-card-feature i{font-size:.7rem;margin-top:3px;flex-shrink:0;}
.role-card-buyer  .role-card-feature i{color:var(--buyer-500);}
.role-card-seller .role-card-feature i{color:#F4621D;}
.role-card-dealer .role-card-feature i{color:var(--teal-600);}
.role-card-agent  .role-card-feature i{color:var(--emerald-600);}

.role-card-btn{
  display:flex;align-items:center;justify-content:center;gap:7px;
  padding:10px 18px;border-radius:50px;font-size:.84rem;font-weight:700;
  text-decoration:none;border:none;cursor:pointer;transition:all .2s;margin-top:auto;
}
.role-card-buyer  .role-card-btn{background:var(--buyer-600);color:white;}
.role-card-buyer  .role-card-btn:hover{background:var(--buyer-500);color:white;text-decoration:none;box-shadow:0 6px 18px rgba(21,101,192,.35);}
.role-card-seller .role-card-btn{background:#F4621D;color:white;}
.role-card-seller .role-card-btn:hover{background:#D94D10;color:white;text-decoration:none;box-shadow:0 6px 18px rgba(244,98,29,.35);}
.role-card-dealer .role-card-btn{background:var(--teal-600);color:white;}
.role-card-dealer .role-card-btn:hover{background:var(--teal-500);color:white;text-decoration:none;box-shadow:0 6px 18px rgba(8,145,178,.35);}
.role-card-agent  .role-card-btn{background:var(--emerald-600);color:white;}
.role-card-agent  .role-card-btn:hover{background:var(--emerald-500);color:white;text-decoration:none;box-shadow:0 6px 18px rgba(5,150,105,.35);}

/* Path Cards (kept, used in hero dark section) */
.path-cards-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px;}

.path-card{
  display:flex; flex-direction:column; padding:20px;
  border-radius:var(--r-xl); border:1.5px solid transparent;
  text-decoration:none !important;
  transition:transform .22s,box-shadow .22s,border-color .22s;
  position:relative; overflow:hidden; cursor:pointer;
}
.path-card::before{
  content:''; position:absolute; inset:0; border-radius:inherit;
  opacity:0; transition:opacity .22s;
}

.path-card-buyer {background:rgba(21,101,192,.12);border-color:rgba(21,101,192,.28);}
.path-card-buyer::before{background:linear-gradient(135deg,rgba(21,101,192,.20),rgba(21,101,192,.05));}
.path-card-buyer:hover{border-color:rgba(96,165,250,.6);transform:translateY(-3px);box-shadow:var(--shadow-buyer);}
.path-card-buyer:hover::before{opacity:1;}

.path-card-seller{background:rgba(244,98,29,.10);border-color:rgba(244,98,29,.26);}
.path-card-seller::before{background:linear-gradient(135deg,rgba(244,98,29,.18),rgba(244,98,29,.04));}
.path-card-seller:hover{border-color:rgba(251,162,115,.6);transform:translateY(-3px);box-shadow:var(--shadow-seller);}
.path-card-seller:hover::before{opacity:1;}

.path-card-dealer{background:rgba(8,145,178,.10);border-color:rgba(8,145,178,.24);}
.path-card-dealer::before{background:linear-gradient(135deg,rgba(8,145,178,.18),rgba(8,145,178,.04));}
.path-card-dealer:hover{border-color:rgba(20,184,166,.6);transform:translateY(-3px);box-shadow:0 8px 24px rgba(8,145,178,.20);}
.path-card-dealer:hover::before{opacity:1;}

.path-card-agent{background:rgba(5,150,105,.10);border-color:rgba(5,150,105,.24);}
.path-card-agent::before{background:linear-gradient(135deg,rgba(5,150,105,.18),rgba(5,150,105,.04));}
.path-card-agent:hover{border-color:rgba(16,185,129,.6);transform:translateY(-3px);box-shadow:0 8px 24px rgba(5,150,105,.20);}
.path-card-agent:hover::before{opacity:1;}

.path-card-icon{
  width:44px;height:44px;border-radius:var(--r-md);
  display:flex;align-items:center;justify-content:center;
  font-size:1.3rem;margin-bottom:12px;position:relative;z-index:1;
}
.path-card-buyer  .path-card-icon{background:rgba(21,101,192,.28);color:#93C5FD;}
.path-card-seller .path-card-icon{background:rgba(244,98,29,.26); color:#FDBA74;}
.path-card-dealer .path-card-icon{background:rgba(8,145,178,.26); color:#67E8F9;}
.path-card-agent  .path-card-icon{background:rgba(5,150,105,.26); color:#6EE7B7;}

.path-card-label{font-size:1rem;font-weight:800;color:#fff;margin-bottom:3px;position:relative;z-index:1;}
.path-card-desc{font-size:.8rem;color:rgba(255,255,255,.50);line-height:1.5;margin-bottom:12px;position:relative;z-index:1;}

.path-card-features{display:flex;flex-direction:column;gap:5px;margin-bottom:16px;position:relative;z-index:1;}
.path-feature{display:flex;align-items:center;gap:6px;font-size:.78rem;color:rgba(255,255,255,.65);}
.path-feature i{font-size:.75rem;flex-shrink:0;color:#86EFAC;}

.path-card-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  padding:9px 16px;border-radius:50px;font-size:.83rem;font-weight:700;
  border:none;cursor:pointer;transition:all .2s;
  margin-top:auto;position:relative;z-index:1;text-decoration:none;
}
.path-card-buyer  .path-card-btn{background:var(--buyer-600);color:white;}
.path-card-buyer  .path-card-btn:hover{background:var(--buyer-500);color:white;box-shadow:0 4px 16px rgba(21,101,192,.45);text-decoration:none;}
.path-card-seller .path-card-btn{background:var(--seller-400);color:white;}
.path-card-seller .path-card-btn:hover{background:var(--seller-300);color:white;box-shadow:0 4px 16px rgba(244,98,29,.45);text-decoration:none;}
.path-card-dealer .path-card-btn{background:var(--teal-600);color:white;}
.path-card-dealer .path-card-btn:hover{background:var(--teal-500);color:white;box-shadow:0 4px 16px rgba(8,145,178,.45);text-decoration:none;}
.path-card-agent  .path-card-btn{background:var(--emerald-600);color:white;}
.path-card-agent  .path-card-btn:hover{background:var(--emerald-500);color:white;box-shadow:0 4px 16px rgba(5,150,105,.45);text-decoration:none;}

/* Hero Mockup */
.hero-mockup-wrap{
  display:flex;flex-direction:column;gap:10px;padding-bottom:40px;
  background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);
  border-radius:var(--r-2xl);padding:20px 18px 40px;
  backdrop-filter:blur(20px);
}
.hero-mockup-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;}
.hero-mockup-label{
  color:rgba(255,255,255,.30);font-size:.67rem;font-weight:700;
  text-transform:uppercase;letter-spacing:.8px;
  display:flex;align-items:center;gap:6px;
}
.hero-mockup-live{
  display:flex;align-items:center;gap:5px;
  background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.22);
  color:#6EE7B7;padding:3px 10px;border-radius:50px;
  font-size:.66rem;font-weight:700;
}
.hero-mock-card{
  background:rgba(255,255,255,.06);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border:1px solid rgba(255,255,255,.09);border-radius:var(--r-lg);
  padding:13px 15px;display:flex;align-items:center;gap:12px;
  transition:background .2s,border-color .2s,transform .2s;
}
.hero-mock-card:hover{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.17);transform:translateX(3px);}
.hero-mock-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0;}
.hmi-blue  {background:rgba(21,101,192,.32);color:#93C5FD;}
.hmi-orange{background:rgba(244,98,29,.28); color:#FDBA74;}
.hmi-teal  {background:rgba(8,145,178,.28); color:#67E8F9;}
.hmi-green {background:rgba(5,150,105,.28); color:#6EE7B7;}
.hero-mock-title{font-size:.85rem;font-weight:700;color:rgba(255,255,255,.92);line-height:1.3;}
.hero-mock-sub  {font-size:.72rem;color:rgba(255,255,255,.38);margin-top:2px;}
.hero-mock-badge{
  margin-left:auto;padding:3px 10px;border-radius:50px;
  font-size:.67rem;font-weight:700;flex-shrink:0;white-space:nowrap;
}
.hmb-blue  {background:rgba(21,101,192,.28);color:#93C5FD;}
.hmb-orange{background:rgba(244,98,29,.24); color:#FDBA74;}
.hmb-green {background:rgba(5,150,105,.24); color:#6EE7B7;}
.hmb-gold  {background:rgba(245,158,11,.22);color:#FCD34D;}

.hero-exclusive-note{
  display:flex;align-items:center;gap:10px;
  background:rgba(16,185,129,.09);border:1px solid rgba(16,185,129,.18);
  border-radius:var(--r-md);padding:11px 14px;margin-top:4px;
}

/* Stats Bar */
.hero-stats-bar{
  background:rgba(0,0,0,.32);border-top:1px solid rgba(255,255,255,.05);
  backdrop-filter:blur(16px);margin-top:52px;
}
.hero-stats-inner{display:flex;align-items:center;justify-content:center;padding:18px 0;}
.hstat    {display:flex;flex-direction:column;align-items:center;padding:0 28px;}
.hstat-num{font-size:1.45rem;font-weight:900;color:white;line-height:1;letter-spacing:-.6px;}
.hstat-lbl{font-size:.68rem;color:rgba(255,255,255,.32);font-weight:500;margin-top:4px;white-space:nowrap;}
.hstat-sep{width:1px;height:30px;background:rgba(255,255,255,.07);}

/* ── 6. SHARED SECTION STYLES ──────────────────────────────────── */
.section-light{background:var(--surface-50);}
.py-section{padding-top:80px!important;padding-bottom:80px!important;}
.py-6{padding-top:80px!important;padding-bottom:80px!important;}

.section-badge{
  display:inline-flex;align-items:center;gap:5px;
  background:linear-gradient(135deg,var(--buyer-50),var(--buyer-100));
  color:var(--buyer-700);padding:5px 14px;border-radius:50px;
  font-size:.72rem;font-weight:800;letter-spacing:.5px;
  text-transform:uppercase;border:1px solid var(--buyer-200);
}
.section-title{
  font-size:clamp(1.6rem,2.8vw,2.25rem);font-weight:900;
  color:var(--text-1);letter-spacing:-.4px;margin-top:8px;line-height:1.2;
}
.section-desc{font-size:.975rem;color:var(--text-2);max-width:560px;margin:0 auto;line-height:1.7;}

/* ── 7. LISTINGS ───────────────────────────────────────────────── */
.listings-section{background:var(--surface-50);}
.listings-title{font-size:1.5rem;font-weight:800;color:var(--text-1);letter-spacing:-.3px;}

.category-tabs{
  display:flex;background:white;border:1px solid var(--border);
  border-radius:50px;padding:4px;gap:2px;flex-shrink:0;
}
.cat-tab{
  padding:7px 16px;border-radius:50px;border:none;background:transparent;
  color:var(--text-2);font-size:.85rem;font-weight:600;cursor:pointer;
  transition:all .18s;display:inline-flex;align-items:center;gap:5px;
  white-space:nowrap;text-decoration:none;line-height:1.4;
}
.cat-tab:hover{background:var(--surface-100);color:var(--text-1);text-decoration:none;}
.cat-tab.active{background:var(--buyer-600);color:white;}
.tab-count{
  padding:1px 6px;border-radius:50px;font-size:.68rem;
  background:var(--surface-200);color:var(--text-2);font-weight:700;
}
.cat-tab.active .tab-count{background:rgba(255,255,255,.22);color:white;}

.listings-toolbar{display:flex;align-items:center;gap:8px;}

.search-box{
  display:flex;align-items:center;gap:9px;background:white;
  border:1px solid var(--border);border-radius:var(--r-sm);
  padding:9px 14px;flex:1;max-width:420px;
  transition:border-color .2s,box-shadow .2s;
}
.search-box:focus-within{border-color:var(--buyer-400);box-shadow:0 0 0 3px rgba(21,101,192,.09);}
.search-box i{color:var(--text-3);flex-shrink:0;}
.search-input{border:none;outline:none;flex:1;font-size:.9rem;color:var(--text-1);background:transparent;min-width:0;}
.search-input::placeholder{color:var(--text-3);}

.sort-select{
  padding:9px 13px;border:1px solid var(--border);border-radius:var(--r-sm);
  font-size:.875rem;background:white;color:var(--text-1);cursor:pointer;font-weight:500;flex-shrink:0;
}
.sort-select:focus{outline:none;border-color:var(--buyer-400);}

/* ── 8. REQUEST CARDS ──────────────────────────────────────────── */
.request-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;
}
.request-card-link{text-decoration:none;display:block;height:100%;color:inherit;}
.request-card-link:hover{text-decoration:none;color:inherit;}

.req-card{
  background:white;border-radius:var(--r-lg);padding:20px;
  border:1px solid var(--border);height:100%;
  display:flex;flex-direction:column;gap:10px;
  transition:box-shadow .22s,transform .22s,border-color .22s;
  position:relative;overflow:hidden;
}
.req-card::before{
  content:'';position:absolute;top:0;left:0;right:0;height:3px;
  border-radius:var(--r-lg) var(--r-lg) 0 0;
}
.card-vehicle::before{background:linear-gradient(90deg,var(--buyer-600),var(--buyer-400));}
.card-realestate::before{background:linear-gradient(90deg,var(--emerald-600),var(--emerald-400,#34d399));}

.req-card:hover{border-color:var(--buyer-200);box-shadow:var(--shadow-lg);transform:translateY(-2px);}
.card-realestate:hover{border-color:var(--emerald-100);}

.req-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;}

.req-cat-badge{
  display:inline-flex;align-items:center;gap:4px;padding:3px 9px;
  border-radius:50px;font-size:.73rem;font-weight:700;
}
.rcb-vehicle   {background:var(--buyer-100);  color:var(--buyer-700);}
.rcb-realestate{background:var(--emerald-100);color:var(--emerald-700);}

.req-offer-badge{
  display:inline-flex;align-items:center;gap:4px;
  background:var(--gold-100);color:#92400e;
  padding:3px 9px;border-radius:50px;font-size:.73rem;font-weight:700;
}
.req-new-badge{
  background:var(--green-50);color:var(--green-600);
  padding:3px 9px;border-radius:50px;font-size:.72rem;font-weight:700;
}

.req-title{
  font-size:.95rem;font-weight:700;color:var(--text-1);line-height:1.4;
  margin:0;display:-webkit-box;-webkit-line-clamp:2;
  -webkit-box-orient:vertical;overflow:hidden;letter-spacing:-.01em;
}

.req-details{display:flex;flex-wrap:wrap;gap:4px;}
.req-detail-pill{
  display:inline-flex;align-items:center;gap:4px;
  background:var(--surface-100);color:var(--text-2);
  padding:3px 9px;border-radius:6px;font-size:.77rem;font-weight:500;
}

.req-budget{font-size:.9rem;font-weight:700;color:var(--text-1);display:flex;align-items:center;gap:5px;}
.req-budget i{color:var(--emerald-600);font-size:.9rem;}

.req-footer{
  display:flex;align-items:center;justify-content:space-between;
  margin-top:auto;padding-top:10px;border-top:1px solid var(--surface-200);
}
.req-user{display:flex;align-items:center;gap:6px;}
.req-avatar{
  width:24px;height:24px;border-radius:50%;background:var(--surface-200);
  display:flex;align-items:center;justify-content:center;
  font-size:.78rem;color:var(--text-2);flex-shrink:0;
}
.avatar-phone{background:var(--buyer-100);  color:var(--buyer-600);}
.avatar-id   {background:#ede9fe;            color:#7c3aed;}
.avatar-corp {background:var(--gold-100);    color:var(--gold-600);}
.req-username{font-size:.77rem;color:var(--text-2);font-weight:500;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.req-meta-right{display:flex;align-items:center;gap:8px;}
.req-views,.req-time{font-size:.73rem;color:var(--text-3);display:flex;align-items:center;gap:3px;}

/* ── 9. BADGES & STATUS ────────────────────────────────────────── */
.category-badge{
  display:inline-flex;align-items:center;gap:4px;
  padding:3px 10px;border-radius:50px;font-size:.73rem;font-weight:700;
}
.badge-vehicle   {background:var(--buyer-100);  color:var(--buyer-700);}
.badge-realestate{background:var(--emerald-100);color:var(--emerald-700);}

.status-badge{
  display:inline-flex;align-items:center;padding:3px 10px;
  border-radius:50px;font-size:.73rem;font-weight:700;
}
.status-active   {background:#f0fdf4;color:#16a34a;}
.status-draft    {background:var(--surface-100);color:var(--text-3);}
.status-paused   {background:#fefce8;color:#ca8a04;}
.status-completed{background:var(--buyer-50);  color:var(--buyer-700);}
.status-expired,.status-cancelled{background:#fef2f2;color:#dc2626;}
.status-pending  {background:var(--gold-50);   color:var(--gold-600);}
.status-accepted {background:#f0fdf4;color:#16a34a;}
.status-rejected {background:#fef2f2;color:#dc2626;}
.status-viewed   {background:var(--buyer-50);  color:var(--buyer-600);}
.status-withdrawn{background:var(--surface-100);color:var(--text-3);}

/* ── 10. REQUEST LIST (Taleplerim) ─────────────────────────────── */
.talep-page-header{background:white;border-bottom:1px solid var(--border);padding:32px 0;}
.talep-page-title {font-size:1.75rem;font-weight:900;color:var(--text-1);letter-spacing:-.4px;margin:0;}
.talep-page-sub   {color:var(--text-2);font-size:.9rem;margin:4px 0 0;}
.talep-filter-bar {background:white;border:1px solid var(--border);border-radius:var(--r-lg);padding:16px 20px;}

.request-list-item{
  background:white;border:1px solid var(--border);
  border-left:3px solid var(--buyer-300);
  border-radius:var(--r-lg);padding:20px 24px;
  transition:border-color .2s,box-shadow .2s;
}
.request-list-item:hover{border-color:var(--buyer-400);box-shadow:var(--shadow-md);}

/* ── 11. DETAIL PAGE ───────────────────────────────────────────── */
.dtl-card{
  background:white;border:1px solid var(--border);
  border-radius:var(--r-xl);padding:28px;
}
.dtl-card+.dtl-card{margin-top:16px;}

.dtl-section-title{
  font-size:.78rem;font-weight:800;text-transform:uppercase;
  letter-spacing:.6px;color:var(--text-3);margin-bottom:16px;
  display:flex;align-items:center;gap:8px;
}
.dtl-section-title::after{content:'';flex:1;height:1px;background:var(--border);}

.dtl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;}
.dtl-item{background:var(--surface-50);border-radius:var(--r-md);padding:12px 14px;}
.dtl-label{font-size:.7rem;color:var(--text-3);font-weight:700;text-transform:uppercase;letter-spacing:.3px;}
.dtl-value{font-size:.9rem;font-weight:700;color:var(--text-1);margin-top:3px;}

.dtl-tag{
  display:inline-flex;align-items:center;gap:4px;
  padding:4px 10px;border-radius:50px;font-size:.76rem;font-weight:700;
}
.dtl-tag-green{background:var(--green-100);color:var(--green-700);}
.dtl-tag-blue {background:var(--buyer-100);color:var(--buyer-700);}
.dtl-tag-gold {background:var(--gold-100); color:var(--gold-600);}

/* Offer Cards */
.offer-card{
  background:white;border:1px solid var(--border);
  border-radius:var(--r-lg);padding:20px;
  transition:box-shadow .2s,border-color .2s;
}
.offer-card:hover{box-shadow:var(--shadow-sm);border-color:var(--buyer-100);}
.offer-card+.offer-card{margin-top:12px;}

.offer-header{
  display:flex;justify-content:space-between;align-items:flex-start;
  margin-bottom:12px;gap:12px;
}
.user-avatar{
  width:38px;height:38px;background:var(--buyer-100);border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  color:var(--buyer-700);font-size:1rem;flex-shrink:0;
}
.offer-price{font-size:1.35rem;font-weight:900;color:var(--buyer-700);letter-spacing:-.5px;line-height:1;}
.offer-desc{color:var(--text-2);font-size:.875rem;margin:0;line-height:1.6;}

.offer-details{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;}
.detail-chip{
  background:var(--surface-50);border:1px solid var(--border);
  border-radius:50px;padding:3px 10px;
  font-size:.76rem;color:var(--text-2);
  display:inline-flex;align-items:center;gap:4px;
}

.offer-actions{padding-top:12px;border-top:1px solid var(--surface-200);display:flex;gap:8px;}

/* Sidebar */
.dtl-sidebar-card{
  background:white;border:1px solid var(--border);
  border-radius:var(--r-xl);padding:24px;
}
.dtl-sidebar-card+.dtl-sidebar-card{margin-top:12px;}

.info-row{
  display:flex;justify-content:space-between;align-items:center;
  padding:9px 0;border-bottom:1px solid var(--surface-200);
  font-size:.875rem;
}
.info-row:last-of-type{border:none;padding-bottom:0;}

/* ── 12. HOW IT WORKS ──────────────────────────────────────────── */
.how-tabs{
  display:flex;background:var(--surface-100);border:1px solid var(--border);
  border-radius:50px;padding:4px;gap:4px;width:fit-content;margin:0 auto 48px;
}
.how-tab{
  padding:10px 28px;border-radius:50px;border:none;background:transparent;
  font-size:.9rem;font-weight:600;cursor:pointer;transition:all .22s;
  display:flex;align-items:center;gap:7px;color:var(--text-2);
}
.how-tab.active-buyer {background:var(--buyer-600); color:white;box-shadow:0 4px 14px rgba(21,101,192,.30);}
.how-tab.active-seller{background:#F4621D;color:white;box-shadow:0 4px 14px rgba(244,98,29,.30);}
.how-tab:not(.active-buyer):not(.active-seller):hover{background:white;color:var(--text-1);}
.how-panel{display:none;}
.how-panel.active{display:grid;}

/* Timeline steps layout */
.how-steps{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:0;position:relative;
}
.how-steps::before{
  content:'';position:absolute;
  top:38px;left:calc(100%/6 + 10px);right:calc(100%/6 + 10px);
  height:2px;z-index:0;
  background:repeating-linear-gradient(90deg,var(--border) 0,var(--border) 8px,transparent 8px,transparent 14px);
}
.how-panel.active-seller .how-steps::before{
  background:repeating-linear-gradient(90deg,#FFE8DC 0,#FFE8DC 8px,transparent 8px,transparent 14px);
}
.how-step{
  display:flex;flex-direction:column;align-items:center;text-align:center;
  padding:0 24px;position:relative;z-index:1;
}
.how-step-circle{
  width:76px;height:76px;border-radius:50%;border:3px solid;
  display:flex;align-items:center;justify-content:center;
  font-size:1.5rem;margin-bottom:20px;background:white;
  transition:all .28s;
}
.how-step-featured .how-step-circle{
  background:linear-gradient(135deg,var(--buyer-600),var(--buyer-500));
  border-color:var(--buyer-600);color:white;
  box-shadow:0 8px 24px rgba(21,101,192,.30);
}
.how-step:not(.how-step-featured) .how-step-circle{border-color:var(--buyer-200);color:var(--buyer-600);}
.how-panel.active-seller .how-step-featured .how-step-circle{background:linear-gradient(135deg,#F4621D,#E04E0D);border-color:#F4621D;box-shadow:0 8px 24px rgba(244,98,29,.30);}
.how-panel.active-seller .how-step:not(.how-step-featured) .how-step-circle{border-color:#FBCAB5;color:#D94D10;}
.how-step:hover .how-step-circle{transform:scale(1.08);}
.how-step-num{
  font-size:.65rem;font-weight:800;color:rgba(255,255,255,.6);
  position:absolute;top:-2px;right:-2px;
  background:var(--buyer-700);width:22px;height:22px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;letter-spacing:0;
}
.how-step-body{padding:0 8px;}
.how-title{font-size:1rem;font-weight:800;color:var(--text-1);margin-bottom:6px;}
.how-desc {color:var(--text-2);font-size:.875rem;line-height:1.65;margin:0;}

/* Old card compat */
.how-card{background:white;border-radius:var(--r-xl);padding:28px;border:1px solid var(--border);height:100%;transition:transform .28s,box-shadow .28s;position:relative;overflow:hidden;}
.how-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);}
.how-card-buyer:hover{border-color:var(--buyer-300);}
.how-card-seller:hover{border-color:var(--seller-200);}
.how-card-featured-buyer{border-color:var(--buyer-300);background:linear-gradient(150deg,var(--buyer-50),white);}
.how-card-featured-seller{border-color:var(--seller-200);background:linear-gradient(150deg,var(--seller-50),white);}
.how-number{font-size:2.5rem;font-weight:900;line-height:1;margin-bottom:8px;letter-spacing:-.5px;}
.how-card-buyer .how-number{color:var(--buyer-100);}
.how-card-seller .how-number{color:var(--seller-100);}
.how-card-featured-buyer .how-number{color:var(--buyer-200);}
.how-card-featured-seller .how-number{color:var(--seller-200);}
.how-icon{width:52px;height:52px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:14px;}
.how-card-buyer .how-icon{background:var(--buyer-50);color:var(--buyer-600);}
.how-card-seller .how-icon{background:var(--seller-50);color:var(--seller-500);}
.how-card-featured-buyer .how-icon{background:var(--buyer-100);color:var(--buyer-700);}
.how-card-featured-seller .how-icon{background:var(--seller-100);color:var(--seller-600);}
.how-card-featured .how-icon{background:var(--buyer-100);color:var(--buyer-700);}

/* ── 13. TRUST CARDS ───────────────────────────────────────────── */
.trust-cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;}
@media(min-width:992px){.trust-cards-grid{grid-template-columns:repeat(4,1fr);}}
.trust-card{
  padding:32px 26px;border-radius:var(--r-xl);background:white;
  border:1px solid var(--border);height:100%;
  transition:all .28s;position:relative;overflow:hidden;
}
.trust-card::before{
  content:'';position:absolute;inset:0;border-radius:inherit;
  opacity:0;transition:opacity .28s;
}
.trust-card:nth-child(1){border-top:3px solid var(--buyer-500);}
.trust-card:nth-child(2){border-top:3px solid var(--gold-500);}
.trust-card:nth-child(3){border-top:3px solid var(--emerald-600);}
.trust-card:nth-child(4){border-top:3px solid var(--teal-600);}
.trust-card:nth-child(1)::before{background:linear-gradient(160deg,var(--buyer-50),transparent 60%);}
.trust-card:nth-child(2)::before{background:linear-gradient(160deg,var(--gold-50),transparent 60%);}
.trust-card:nth-child(3)::before{background:linear-gradient(160deg,var(--emerald-50),transparent 60%);}
.trust-card:nth-child(4)::before{background:linear-gradient(160deg,var(--teal-50),transparent 60%);}
.trust-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);}
.trust-card:hover::before{opacity:1;}
.trust-icon{
  width:58px;height:58px;border-radius:var(--r-lg);
  display:flex;align-items:center;justify-content:center;
  font-size:1.5rem;margin-bottom:18px;position:relative;z-index:1;transition:all .28s;
}
.trust-card:nth-child(1) .trust-icon{background:var(--buyer-100);color:var(--buyer-700);}
.trust-card:nth-child(2) .trust-icon{background:var(--gold-100);color:var(--gold-700);}
.trust-card:nth-child(3) .trust-icon{background:var(--emerald-100);color:var(--emerald-700);}
.trust-card:nth-child(4) .trust-icon{background:var(--teal-100);color:var(--teal-700);}
.trust-card:nth-child(1):hover .trust-icon{background:var(--buyer-600);color:white;}
.trust-card:nth-child(2):hover .trust-icon{background:var(--gold-600);color:white;}
.trust-card:nth-child(3):hover .trust-icon{background:var(--emerald-600);color:white;}
.trust-card:nth-child(4):hover .trust-icon{background:var(--teal-600);color:white;}
.trust-title{font-weight:800;margin-bottom:8px;color:var(--text-1);font-size:1rem;position:relative;z-index:1;}
.trust-desc {font-size:.855rem;color:var(--text-2);margin:0;line-height:1.68;position:relative;z-index:1;}

/* ── 14. TESTIMONIALS ──────────────────────────────────────────── */
.testimonial-card{
  background:white;border-radius:var(--r-xl);padding:28px 26px;
  border:1px solid var(--border);height:100%;
  transition:all .28s;position:relative;overflow:hidden;
}
.testimonial-card::before{
  content:'\201C';position:absolute;top:-8px;right:20px;
  font-size:8rem;font-family:Georgia,serif;
  color:var(--surface-100);line-height:1;z-index:0;pointer-events:none;
}
.testimonial-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px);border-color:var(--buyer-100);}
.testimonial-stars{
  display:flex;gap:2px;margin-bottom:16px;
}
.testimonial-stars i{color:var(--gold-500);font-size:.9rem;}
.testimonial-text{
  font-size:.9rem;color:var(--text-1);line-height:1.75;
  margin-bottom:22px;position:relative;z-index:1;
  font-style:italic;font-weight:400;
}
.testimonial-author{display:flex;align-items:center;gap:12px;border-top:1px solid var(--surface-200);padding-top:16px;}
.testimonial-avatar{
  width:44px;height:44px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-size:.95rem;font-weight:800;color:white;flex-shrink:0;
  box-shadow:0 4px 10px rgba(0,0,0,.12);
}
.ta-buyer {background:linear-gradient(135deg,var(--buyer-400),var(--buyer-700));}
.ta-seller{background:linear-gradient(135deg,#F4621D,#C13800);}
.ta-dealer{background:linear-gradient(135deg,var(--teal-400),var(--teal-700));}
.testimonial-name{font-weight:700;font-size:.875rem;color:var(--text-1);}
.testimonial-role{font-size:.74rem;color:var(--text-3);margin-top:1px;}
.testimonial-badge{font-size:.67rem;font-weight:700;padding:3px 10px;border-radius:50px;margin-left:auto;flex-shrink:0;}
.tb-buyer {background:var(--buyer-50);color:var(--buyer-700);border:1px solid var(--buyer-100);}
.tb-seller{background:#FFF4EF;color:#D94D10;border:1px solid #FFE8DC;}
.tb-dealer{background:var(--teal-50);color:var(--teal-700);border:1px solid var(--teal-100);}

/* ── 15. CTA SECTION ───────────────────────────────────────────── */
.cta-section{
  background:
    radial-gradient(ellipse at 20% 50%,rgba(244,98,29,.12) 0%,transparent 50%),
    radial-gradient(ellipse at 80% 50%,rgba(21,101,192,.14) 0%,transparent 50%),
    linear-gradient(170deg,#040C1A 0%,#071224 55%,#0B1A35 100%);
  padding:96px 0;position:relative;overflow:hidden;
}
.cta-section::before{
  content:'';position:absolute;inset:0;
  background-image:radial-gradient(circle,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:28px 28px;pointer-events:none;
}
.cta-inner{position:relative;z-index:1;}
.cta-eyebrow{
  display:inline-flex;align-items:center;gap:6px;
  background:rgba(244,98,29,.12);border:1px solid rgba(244,98,29,.25);
  color:#FDBA74;padding:6px 16px;border-radius:50px;
  font-size:.72rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;
  margin-bottom:20px;
}
.cta-title{
  font-size:clamp(1.9rem,4.2vw,3rem);font-weight:900;color:white;
  letter-spacing:-1.2px;margin-bottom:12px;line-height:1.12;
}
.cta-title-accent{
  background:linear-gradient(90deg,#F4621D,#FF8A50);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
.cta-desc{font-size:.975rem;color:rgba(255,255,255,.45);margin-bottom:44px;line-height:1.75;}
.cta-cards-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:720px;margin:0 auto;}

.cta-action-card{
  padding:24px 16px;border-radius:var(--r-xl);text-decoration:none;
  transition:all .22s;display:flex;flex-direction:column;
  align-items:center;gap:9px;text-align:center;
  border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.05);
}
.cta-action-card:hover{transform:translateY(-5px);text-decoration:none;background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.15);}
.cta-buyer-card {background:var(--buyer-700);border-color:var(--buyer-600);color:white;}
.cta-buyer-card:hover {background:var(--buyer-600);color:white;box-shadow:0 16px 40px rgba(21,101,192,.40);}
.cta-seller-card{background:#D94D10;border-color:#F4621D;color:white;}
.cta-seller-card:hover{background:#F4621D;color:white;box-shadow:0 16px 40px rgba(244,98,29,.40);}
.cta-dealer-card{background:var(--teal-700);border-color:var(--teal-600);color:white;}
.cta-dealer-card:hover{background:var(--teal-600);color:white;box-shadow:0 16px 40px rgba(8,145,178,.40);}
.cta-agent-card {background:var(--emerald-700);border-color:var(--emerald-600);color:white;}
.cta-agent-card:hover {background:var(--emerald-600);color:white;box-shadow:0 16px 40px rgba(5,150,105,.40);}
.cta-card-icon {font-size:1.8rem;}
.cta-card-label{font-weight:800;font-size:.9rem;}
.cta-card-sub  {font-size:.74rem;opacity:.65;}

.btn-white{background:white;color:var(--buyer-700);font-weight:700;border-radius:50px;transition:all .2s;border:none;}
.btn-white:hover{background:var(--surface-50);color:var(--buyer-800);box-shadow:0 4px 20px rgba(0,0,0,.2);}
.btn-outline-white{border:1.5px solid rgba(255,255,255,.25);color:rgba(255,255,255,.82);font-weight:600;border-radius:50px;transition:all .2s;background:transparent;}
.btn-outline-white:hover{background:rgba(255,255,255,.10);color:white;border-color:rgba(255,255,255,.45);}

/* ── 16. EXCLUSIVE BANNER ──────────────────────────────────────── */
.exclusive-banner{
  background:linear-gradient(135deg,rgba(16,185,129,.06),rgba(21,101,192,.05));
  border:1px solid rgba(16,185,129,.16);border-radius:var(--r-xl);
  padding:20px 28px;display:flex;align-items:center;gap:20px;flex-wrap:wrap;
}
.exclusive-banner-icon{
  width:48px;height:48px;border-radius:var(--r-md);flex-shrink:0;
  background:linear-gradient(135deg,rgba(16,185,129,.18),rgba(21,101,192,.14));
  display:flex;align-items:center;justify-content:center;
  font-size:1.4rem;color:var(--emerald-600);
}
.exclusive-banner-title{font-weight:800;color:var(--text-1);font-size:.95rem;}
.exclusive-banner-desc {font-size:.85rem;color:var(--text-2);}

/* ── 17. PAGE HEADER ───────────────────────────────────────────── */
.page-header{background:var(--surface-50);border-bottom:1px solid var(--border);padding:32px 0;}
.page-title  {font-size:1.75rem;font-weight:900;color:var(--text-1);letter-spacing:-.4px;margin:0;}
.page-subtitle{color:var(--text-2);margin:4px 0 0;font-size:.9rem;}

/* ── 18. EMPTY STATE ───────────────────────────────────────────── */
.empty-state{text-align:center;padding:64px 24px;}
.empty-icon{font-size:3rem;color:var(--text-3);display:block;margin-bottom:16px;}

/* ── 19. PAGINATION ────────────────────────────────────────────── */
.pagination-bidora .page-link{
  border-radius:var(--r-sm)!important;margin:0 2px;
  border:1px solid var(--border);color:var(--text-2);
  font-weight:500;font-size:.875rem;
}
.pagination-bidora .page-item.active .page-link{background:var(--buyer-600);border-color:var(--buyer-600);color:white;}
.pagination-bidora .page-link:hover{background:var(--buyer-50);color:var(--buyer-700);border-color:var(--buyer-200);}

/* ── 20. AUTH PAGES ────────────────────────────────────────────── */
.auth-body{background:var(--surface-50);min-height:100vh;}
.auth-container{display:flex;min-height:100vh;}

.auth-left{
  width:440px;flex-shrink:0;
  background:linear-gradient(158deg,#060D1E 0%,#0A1628 55%,#0D1E3A 100%);
  padding:40px;display:flex;flex-direction:column;
  justify-content:space-between;position:relative;overflow:hidden;
}
.auth-left::before{
  content:'';position:absolute;top:-30%;right:-30%;
  width:80%;height:80%;
  background:radial-gradient(circle,rgba(255,255,255,.04) 0%,transparent 70%);
}
.auth-right{flex:1;display:flex;align-items:center;justify-content:center;padding:32px;overflow-y:auto;}

.auth-card{
  background:white;border-radius:var(--r-2xl);padding:40px;
  width:100%;max-width:420px;box-shadow:var(--shadow-xl);
}
.auth-card-wide{max-width:540px;}
.auth-header{text-align:center;margin-bottom:32px;}
.auth-brand{display:inline-block;text-decoration:none;margin-bottom:16px;}
.auth-title{font-size:1.55rem;font-weight:900;color:var(--text-1);margin-bottom:6px;letter-spacing:-.3px;}
.auth-subtitle{color:var(--text-2);margin:0;font-size:.9rem;}
.btn-auth{padding:13px;font-size:.975rem;font-weight:700;border-radius:50px;}

.auth-footer{
  text-align:center;margin-top:24px;padding-top:20px;
  border-top:1px solid var(--border);color:var(--text-2);font-size:.875rem;
}

/* Auth field spacing */
.auth-field-group{margin-bottom:18px;}
.auth-forgot-link{font-size:.8rem;color:var(--buyer-600);text-decoration:none;font-weight:600;}
.auth-forgot-link:hover{text-decoration:underline;}
.auth-input-group .input-group-text{border-right:none;}
.auth-input-group .form-control{border-left:none;}

/* Role selector */
.role-selector{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px;}
.role-radio{display:none;}
.role-label{
  display:flex;flex-direction:column;align-items:center;gap:6px;
  padding:18px 12px;border:2px solid var(--border);border-radius:var(--r-lg);
  cursor:pointer;transition:all .2s;text-align:center;
}
.role-icon-wrap{
  width:42px;height:42px;border-radius:12px;
  background:var(--surface-100);
  display:flex;align-items:center;justify-content:center;
  transition:all .2s;
}
.role-icon-wrap i{font-size:1.25rem;color:var(--text-2);transition:color .2s;}
.role-name{font-weight:700;font-size:.875rem;color:var(--text-1);}
.role-desc{font-size:.72rem;color:var(--text-2);line-height:1.4;}

/* Buyer (navy) */
.role-option-buyer .role-radio:checked + .role-label{border-color:var(--buyer-400);background:var(--buyer-50);}
.role-option-buyer .role-radio:checked + .role-label .role-icon-wrap{background:var(--buyer-100);}
.role-option-buyer .role-radio:checked + .role-label .role-icon-wrap i{color:var(--buyer-600);}
.role-option-buyer .role-label:hover{border-color:var(--buyer-200);background:var(--buyer-50);}

/* Seller (orange) */
.role-option-seller .role-radio:checked + .role-label{border-color:#F4621D;background:#FFF4EF;}
.role-option-seller .role-radio:checked + .role-label .role-icon-wrap{background:#FFE8DC;}
.role-option-seller .role-radio:checked + .role-label .role-icon-wrap i{color:#E05310;}
.role-option-seller .role-label:hover{border-color:#FBCAB5;background:#FFF4EF;}

/* CarDealer (teal) */
.role-option-dealer .role-radio:checked + .role-label{border-color:#0891B2;background:#F0FAFB;}
.role-option-dealer .role-radio:checked + .role-label .role-icon-wrap{background:#CFFAFE;}
.role-option-dealer .role-radio:checked + .role-label .role-icon-wrap i{color:#0E7490;}
.role-option-dealer .role-label:hover{border-color:#A5F3FC;background:#F0FAFB;}

/* RealEstateAgent (emerald) */
.role-option-agent .role-radio:checked + .role-label{border-color:#059669;background:#F0FDF9;}
.role-option-agent .role-radio:checked + .role-label .role-icon-wrap{background:#D1FAE5;}
.role-option-agent .role-radio:checked + .role-label .role-icon-wrap i{color:#047857;}
.role-option-agent .role-label:hover{border-color:#6EE7B7;background:#F0FDF9;}

/* Form controls */
.form-control,.form-select{
  border-color:var(--border);border-radius:var(--r-sm);
  padding:11px 14px;font-size:.9rem;transition:all .2s;
}
.form-control:focus,.form-select:focus{
  border-color:var(--buyer-400);
  box-shadow:0 0 0 3px rgba(21,101,192,.09);
}
.form-label{font-size:.85rem;font-weight:600;color:var(--text-1);margin-bottom:6px;}
.input-group-text{background:var(--surface-50);border-color:var(--border);color:var(--text-2);}
.input-group .form-control:not(:first-child){border-left:none;}
.input-group .input-group-text:not(:last-child){border-right:none;}

/* ── 21. PANEL (Dashboard) ─────────────────────────────────────── */
.pnl-role-badge{
  display:inline-flex;align-items:center;
  font-size:.7rem;font-weight:800;
  padding:4px 12px;border-radius:50px;border:1px solid;
}
.pnl-stat{
  background:white;border:1px solid var(--border);border-radius:var(--r-xl);
  padding:24px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;
  transition:box-shadow .2s;
}
.pnl-stat:hover{box-shadow:var(--shadow-md);}
.pnl-stat-ico{
  width:48px;height:48px;border-radius:var(--r-md);
  display:flex;align-items:center;justify-content:center;font-size:1.15rem;
}
.pnl-stat-val{font-size:1.75rem;font-weight:900;color:var(--text-1);line-height:1;letter-spacing:-.5px;}
.pnl-stat-lbl{font-size:.78rem;color:var(--text-3);font-weight:500;}

.pnl-card{
  background:white;border:1px solid var(--border);
  border-radius:var(--r-xl);padding:24px;height:100%;
}
.pnl-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;}
.pnl-card-title {font-size:.9rem;font-weight:700;color:var(--text-1);margin:0;display:flex;align-items:center;}
.pnl-card-link  {font-size:.78rem;color:var(--buyer-600);text-decoration:none;font-weight:600;}
.pnl-card-link:hover{color:var(--buyer-700);}

.pnl-table-wrap{overflow-x:auto;}
.pnl-table{width:100%;border-collapse:collapse;font-size:.82rem;}
.pnl-table th{
  font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
  color:var(--text-3);padding:6px 10px;text-align:left;border-bottom:1px solid var(--border);
}
.pnl-table td{padding:11px 10px;border-bottom:1px solid var(--surface-200);vertical-align:middle;}
.pnl-table tbody tr:last-child td{border-bottom:none;}
.pnl-table tbody tr:hover td{background:var(--surface-50);}

.pnl-status{display:inline-flex;align-items:center;font-size:.68rem;font-weight:700;padding:3px 8px;border-radius:50px;white-space:nowrap;}
.pst-active   {background:#f0fdf4;color:#16a34a;}
.pst-draft    {background:var(--surface-100);color:var(--text-3);}
.pst-paused   {background:#fefce8;color:#ca8a04;}
.pst-completed{background:var(--buyer-50);color:var(--buyer-700);}
.pst-expired  {background:#fef2f2;color:#dc2626;}

.pnl-cat{display:inline-flex;align-items:center;font-size:.68rem;font-weight:600;padding:3px 8px;border-radius:50px;}
.pnl-cat.vehicle   {background:var(--buyer-50);   color:var(--buyer-700);}
.pnl-cat.realestate{background:var(--emerald-50); color:var(--emerald-700);}

.pnl-row-btn{
  width:30px;height:30px;border-radius:8px;
  background:var(--buyer-50);color:var(--buyer-600);
  display:inline-flex;align-items:center;justify-content:center;
  font-size:.95rem;text-decoration:none;transition:all .2s;
}
.pnl-row-btn:hover{background:var(--buyer-600);color:white;}

.pnl-qa{
  display:flex;align-items:center;gap:12px;
  padding:12px;border-radius:var(--r-lg);border:1px solid var(--border);
  text-decoration:none;color:var(--text-1);margin-bottom:8px;
  transition:all .2s;background:var(--surface-50);
}
.pnl-qa:last-child{margin-bottom:0;}
.pnl-qa:hover{border-color:var(--buyer-300);background:var(--buyer-50);color:var(--text-1);}
.pnl-qa-ico{
  width:38px;height:38px;border-radius:10px;
  display:flex;align-items:center;justify-content:center;
  font-size:.9rem;flex-shrink:0;
}
.pnl-qa-title{font-size:.85rem;font-weight:700;color:var(--text-1);}
.pnl-qa-sub  {font-size:.74rem;color:var(--text-3);margin-top:1px;}
.pnl-qa-arrow{color:var(--text-3);font-size:.78rem;}

.pnl-empty{text-align:center;padding:48px 16px;color:var(--text-3);}
.pnl-empty i{font-size:2rem;opacity:.3;display:block;margin-bottom:10px;}
.pnl-empty p{font-size:.875rem;margin:0;}

/* ── 22. ADMIN PANEL ───────────────────────────────────────────── */
.admin-body{background:#0f172a;min-height:100vh;}
.admin-sidebar{position:fixed;left:0;top:0;bottom:0;width:260px;background:#1e293b;border-right:1px solid #334155;z-index:1000;overflow-y:auto;transition:transform .3s;}
.admin-sidebar-brand{padding:24px;border-bottom:1px solid #334155;}
.admin-sidebar-nav{padding:12px;}
.admin-nav-label{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:#64748b;padding:8px 12px 4px;margin-top:8px;}
.admin-nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--r-sm);color:#94a3b8;text-decoration:none;font-size:.875rem;font-weight:500;transition:all .2s;margin-bottom:2px;}
.admin-nav-item:hover,.admin-nav-item.active{background:#0f172a;color:#e2e8f0;}
.admin-nav-item.active{color:#60a5fa;}
.admin-nav-item i{font-size:1rem;width:20px;text-align:center;}
.admin-main{margin-left:260px;min-height:100vh;}
.admin-topbar{background:#1e293b;border-bottom:1px solid #334155;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;}
.admin-content{padding:24px;}
.admin-page-title{font-size:1.35rem;font-weight:700;color:#e2e8f0;margin:0;}
.admin-stat-card{background:#1e293b;border:1px solid #334155;border-radius:var(--r-lg);padding:24px;display:flex;align-items:center;gap:16px;transition:all .3s;}
.admin-stat-card:hover{border-color:#475569;background:#243046;}
.admin-stat-icon{width:52px;height:52px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;font-size:1.35rem;flex-shrink:0;}
.admin-stat-number{font-size:1.75rem;font-weight:900;color:#e2e8f0;line-height:1;}
.admin-stat-label {font-size:.82rem;color:#64748b;font-weight:500;margin-top:2px;}
.admin-table{background:#1e293b;border:1px solid #334155;border-radius:var(--r-lg);overflow:hidden;}
.admin-table .table{color:#e2e8f0;margin:0;}
.admin-table .table thead th{background:#0f172a;color:#64748b;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border-bottom-color:#334155;padding:14px 16px;}
.admin-table .table tbody td{border-bottom-color:#334155;padding:12px 16px;vertical-align:middle;font-size:.875rem;}
.admin-table .table tbody tr:hover td{background:rgba(255,255,255,.02);}
.admin-table .table tbody tr:last-child td{border-bottom:none;}
.admin-card{background:#1e293b;border:1px solid #334155;border-radius:var(--r-lg);padding:24px;}
.admin-card-title{font-size:.975rem;font-weight:700;color:#e2e8f0;margin-bottom:16px;}
.adm-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:50px;font-size:.72rem;font-weight:700;}

/* ── 23. FOOTER ────────────────────────────────────────────────── */
.bidora-footer{
  background:var(--dark);
  border-top:3px solid transparent;
  border-image:linear-gradient(90deg,var(--buyer-700),var(--teal-600),var(--emerald-600)) 1;
}
.footer-heading{color:#cbd5e1;font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.6px;margin-bottom:16px;}
.footer-links{list-style:none;padding:0;margin:0;}
.footer-links li{margin-bottom:9px;}
.footer-links a{color:#475569;text-decoration:none;font-size:.875rem;transition:color .2s;}
.footer-links a:hover{color:#94a3b8;}
.footer-divider{border-color:#1a2540;}
.social-links{display:flex;gap:8px;}
.social-link{
  width:36px;height:36px;background:#162032;border-radius:8px;
  display:flex;align-items:center;justify-content:center;
  color:#475569;text-decoration:none;transition:all .2s;
  font-size:.975rem;border:1px solid #243348;
}
.social-link:hover{background:var(--buyer-700);color:white;border-color:var(--buyer-700);}
.brand-logo{font-family:'Inter',sans-serif;font-weight:900;letter-spacing:-1px;}
.brand-dot{color:var(--seller-400);}

/* ── 24. GLOBAL BUTTONS ────────────────────────────────────────── */
.btn{font-weight:600;border-radius:var(--r-sm);transition:all .2s;}
.btn-primary{background:var(--buyer-600);border-color:var(--buyer-600);}
.btn-primary:hover{background:var(--buyer-700);border-color:var(--buyer-700);box-shadow:0 4px 14px rgba(21,101,192,.28);}
.btn-outline-primary{color:var(--buyer-600);border-color:var(--buyer-600);}
.btn-outline-primary:hover{background:var(--buyer-600);border-color:var(--buyer-600);color:white;}
.btn-seller{background:var(--seller-400);border-color:var(--seller-400);color:white;}
.btn-seller:hover{background:var(--seller-500);border-color:var(--seller-500);color:white;box-shadow:0 4px 14px rgba(244,98,29,.28);}
.btn-outline-seller{color:var(--seller-500);border-color:var(--seller-400);background:transparent;}
.btn-outline-seller:hover{background:var(--seller-400);color:white;}

.form-section-title{display:flex;align-items:center;gap:12px;font-weight:700;font-size:.975rem;margin-bottom:12px;}
.step-num{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--buyer-600);color:white;border-radius:50%;font-size:.82rem;font-weight:700;flex-shrink:0;}

/* Misc */
.text-gradient{background:linear-gradient(135deg,var(--buyer-600),var(--teal-600));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.text-gradient-light{background:linear-gradient(135deg,#60a5fa,#34d399);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.tag-private{display:inline-flex;align-items:center;gap:4px;background:rgba(16,185,129,.09);border:1px solid rgba(16,185,129,.18);color:var(--emerald-700);padding:2px 9px;border-radius:50px;font-size:.7rem;font-weight:700;}
.tag-verified{display:inline-flex;align-items:center;gap:4px;background:var(--buyer-100);color:var(--buyer-700);padding:2px 9px;border-radius:50px;font-size:.7rem;font-weight:700;}

/* ── 25. RESPONSIVE ────────────────────────────────────────────── */
@media(max-width:991.98px){
  .admin-sidebar{transform:translateX(-260px);}
  .admin-sidebar.open{transform:translateX(0);}
  .admin-main{margin-left:0;}
  .hstat{padding:0 16px;}
  .path-cards-row{grid-template-columns:1fr 1fr;}
  .role-cards-row{grid-template-columns:1fr 1fr;}
  .cta-cards-row{grid-template-columns:1fr 1fr;}
  .auth-left{width:380px;}
}
@media(max-width:767.98px){
  .py-6,.py-section{padding-top:56px!important;padding-bottom:56px!important;}
  .hero-main{padding:64px 0 0;}
  .hero-title{letter-spacing:-1.2px;}
  .hero-desc{font-size:.975rem;}
  .hero-cta-row{flex-direction:column;}
  .btn-hero-primary,.btn-hero-ghost{justify-content:center;width:100%;}
  .path-cards-row{grid-template-columns:1fr 1fr;gap:8px;}
  .path-card{padding:14px;}
  .path-card-features{display:none;}
  .role-cards-row{grid-template-columns:1fr 1fr;gap:12px;}
  .role-card-features{display:none;}
  .cta-cards-row{grid-template-columns:1fr 1fr;max-width:420px;}
  .hstat{padding:0 12px;}
  .hstat-num{font-size:1.2rem;}
  .how-tabs{flex-direction:column;width:100%;border-radius:var(--r-md);}
  .how-tab{justify-content:center;border-radius:var(--r-sm);}
  .how-steps{grid-template-columns:1fr;gap:32px;}
  .how-steps::before{display:none;}
  .listings-header .d-flex{flex-direction:column!important;align-items:flex-start!important;}
  .category-tabs{width:100%;overflow-x:auto;}
  .listings-toolbar{flex-direction:column;align-items:stretch;}
  .search-box{max-width:100%;}
  .sort-select{width:100%;}
  .request-grid{grid-template-columns:1fr;}
  .auth-right{padding:16px;}
  .auth-card{padding:24px;}
  .auth-card-wide{max-width:100%;}
  .role-selector{grid-template-columns:1fr;}
  .dtl-grid{grid-template-columns:1fr 1fr;}
  .page-header{padding:24px 0;}
  .page-title{font-size:1.5rem;}
  .role-strip{padding:48px 0;}
  .trust-cards-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:575.98px){
  .category-tabs{flex-wrap:nowrap;}
  .cat-tab{font-size:.8rem;padding:6px 11px;}
  .hero-stats-inner{flex-wrap:wrap;gap:8px;}
  .hstat{padding:8px 12px;}
  .hstat-sep{display:none!important;}
  .path-cards-row{grid-template-columns:1fr;}
  .role-cards-row{grid-template-columns:1fr;}
  .cta-cards-row{grid-template-columns:1fr 1fr;max-width:320px;}
  .dtl-grid{grid-template-columns:1fr;}
}