/* ===== CSS Reset & Base ===== */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}

/* Airbnb Design System Variables */
:root{
  /* Primary - Rausch coral-pink */
  --rausch:#ff385c;
  --rausch-deep:#e00b41;
  --palette-bg-primary-core:#ff385c;

  /* Surface & Background */
  --canvas-white:#ffffff;
  --soft-cloud:#f7f7f7;
  --hairline-gray:#dddddd;

  /* Neutrals & Text */
  --ink-black:#222222;
  --charcoal:#3f3f3f;
  --ash-gray:#6a6a6a;
  --mute-gray:#929292;
  --stone-gray:#c1c1c1;

  /* Semantic */
  --error-red:#c13515;
  --info-blue:#428bff;

  /* Legacy support */
  --primary:#ff385c;
  --primary-dark:#e00b41;
  --primary-light:#fff0f3;
  --secondary:#b0003a;
  --success:#10b981;
  --warning:#f59e0b;
  --danger:#ef4444;
  --gray-50:#f9fafb;
  --gray-100:#f7f7f7;
  --gray-200:#dddddd;
  --gray-300:#c1c1c1;
  --gray-400:#929292;
  --gray-500:#6a6a6a;
  --gray-600:#3f3f3f;
  --gray-700:#222222;
  --gray-800:#1f2937;
  --gray-900:#111827;

  /* Border Radius Scale (Airbnb) */
  --radius-sm:4px;
  --radius:8px;
  --radius-lg:14px;
  --radius-xl:20px;
  --radius-full:50%;

  /* Shadows - stacked layered elevation */
  --shadow-card:none;
  --shadow-elevated:rgba(0,0,0,0.08) 0 4px 12px;
  --shadow-sticky:rgba(0,0,0,0.02) 0 0 0 1px,rgba(0,0,0,0.04) 0 2px 6px 0,rgba(0,0,0,0.1) 0 4px 8px 0;
}

html{scroll-behavior:smooth}
body{
  font-family:'Inter','Circular',-apple-system,system-ui,sans-serif;
  font-size:16px;
  font-weight:500;
  line-height:1.5;
  color:var(--ink-black);
  background:var(--canvas-white);
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden
}
a{text-decoration:none;color:inherit;transition:all .2s}
ul{list-style:none}
img{max-width:100%;height:auto}
button{border:none;background:none;font-family:inherit;cursor:pointer}
.container{max-width:1280px;margin:0 auto;padding:0 24px}

/* ===== Buttons - Airbnb Style ===== */
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:14px 24px;
  font-size:16px;
  font-weight:500;
  border-radius:var(--radius);
  border:none;
  cursor:pointer;
  transition:all .2s;
  font-family:inherit;
}
.btn:disabled{opacity:.5;cursor:not-allowed}
.btn:active{transform:scale(0.98)}

/* Primary CTA - Rausch coral-pink */
.btn-primary{
  background:var(--rausch);
  color:#fff;
  border:none;
}
.btn-primary:hover{
  background:var(--rausch-deep);
  transform:translateY(-1px);
}
.btn-primary:focus{
  outline:2px solid var(--ink-black);
  outline-offset:2px;
}

/* Secondary / Outlined */
.btn-outline{
  background:transparent;
  color:var(--ink-black);
  border:1px solid var(--hairline-gray);
  padding:10px 16px;
}
.btn-outline:hover{
  background:var(--gray-100);
  border-color:var(--ink-black);
}

/* Icon-only Circular Button */
.btn-icon{
  width:44px;
  height:44px;
  border-radius:var(--radius-full);
  background:#f7f7f7;
  border:1px solid rgba(0,0,0,0.1);
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--ink-black);
  transition:all .2s;
}
.btn-icon:hover{
  box-shadow:var(--shadow-elevated);
  transform:scale(1.05);
}

/* Pill Shape */
.btn-pill{
  border-radius:var(--radius-xl);
  padding:12px 24px;
}

/* Block button */
.btn-block{width:100%}

/* Large button */
.btn-lg{padding:16px 32px;font-size:16px}

/* White variant */
.btn-white{background:#fff;color:var(--ink-black);border:1px solid var(--hairline-gray)}
.btn-outline-white{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.3)}
.btn-outline-white:hover{background:rgba(255,255,255,.1);border-color:#fff}

/* ===== Navbar - Airbnb Style ===== */
.navbar{
  position:fixed;
  top:0;
  left:0;
  right:0;
  height:80px;
  background:var(--canvas-white);
  border-bottom:1px solid var(--hairline-gray);
  z-index:1000;
}
.navbar .container{
  display:flex;
  align-items:center;
  justify-content:space-between;
  height:100%;
}
.logo{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:21px;
  font-weight:600;
  color:var(--ink-black);
  letter-spacing:-0.18px;
}
.logo i{color:var(--rausch);font-size:24px}
.nav-links{display:flex;align-items:center;gap:24px}
.nav-links a{font-size:14px;font-weight:500;color:var(--charcoal)}
.nav-links a:hover{color:var(--ink-black)}
.nav-links .btn-primary{
  border-radius:var(--radius-xl);
  padding:10px 20px;
}

/* ===== Hero - Airbnb Style ===== */
.hero{
  position:relative;
  padding:140px 0 100px;
  background:linear-gradient(135deg,#0f172a 0%,#1e3a5f 50%,#0f172a 100%);
  overflow:hidden
}
.hero-bg-elements{position:absolute;inset:0;pointer-events:none}
.hero-circle{position:absolute;border-radius:50%;opacity:.1}
.hero-circle.circle-1{width:600px;height:600px;background:radial-gradient(circle,var(--rausch) 0%,transparent 70%);top:-200px;right:-100px}
.hero-circle.circle-2{width:400px;height:400px;background:radial-gradient(circle,#7b2cbf 0%,transparent 70%);bottom:-100px;left:-100px}
.hero-circle.circle-3{width:300px;height:300px;background:radial-gradient(circle,#10b981 0%,transparent 70%);top:50%;left:50%}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:60px 60px}
.hero .container{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:2}
.hero-badge-new{
  display:inline-flex;
  align-items:center;
  gap:10px;
  background:rgba(255,255,255,.1);
  backdrop-filter:blur(10px);
  padding:8px 16px;
  border-radius:50px;
  font-size:14px;
  font-weight:600;
  color:#fff;
  margin-bottom:25px;
  border:1px solid rgba(255,255,255,.1)
}
.badge-dot{width:8px;height:8px;background:#10b981;border-radius:var(--radius-full);animation:pulse 2s infinite}
.hero-content h1{
  font-size:48px;
  font-weight:700;
  line-height:1.15;
  letter-spacing:-0.44px;
  color:#fff;
  margin-bottom:20px
}
.hero-content h1 .highlight{
  background:linear-gradient(135deg,var(--rausch) 0%,#ff6b81 100%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent
}
.hero-content p{
  font-size:18px;
  font-weight:500;
  color:rgba(255,255,255,.85);
  margin-bottom:30px;
  max-width:500px;
  line-height:1.5;
}
.hero-buttons{display:flex;gap:15px;margin-bottom:35px}
.hero-buttons .btn-primary{
  border-radius:var(--radius-xl);
  font-weight:600;
}
.hero-trust{display:flex;align-items:center;gap:15px}
.trust-label{font-size:12px;font-weight:500;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:.5px}
.trust-logos{display:flex;gap:20px}
.trust-logo{font-size:14px;font-weight:600;color:rgba(255,255,255,.6);opacity:.7}
.hero-stats{display:flex;gap:40px}
.stat{text-align:center}
.stat-number{display:block;font-size:28px;font-weight:700;color:var(--rausch)}
.stat-label{font-size:14px;font-weight:500;color:var(--ash-gray)}

/* ===== Dashboard Preview ===== */
.dashboard-preview{background:#1e293b;border-radius:16px;overflow:hidden;box-shadow:0 25px 50px rgba(0,0,0,.4)}
.preview-header{display:flex;align-items:center;gap:12px;padding:14px 18px;background:#0f172a;border-bottom:1px solid rgba(255,255,255,.05)}
.preview-dots{display:flex;gap:6px}
.preview-dots span{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.1)}
.preview-dots span:nth-child(1){background:#ef4444}
.preview-dots span:nth-child(2){background:#fbbf24}
.preview-dots span:nth-child(3){background:#10b981}
.preview-title{font-size:12px;color:rgba(255,255,255,.5);margin-left:auto}
.preview-content{padding:20px}
.preview-chart-container{margin-bottom:20px}
.preview-chart-label{font-size:11px;color:rgba(255,255,255,.4);margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}
.preview-chart{display:flex;align-items:flex-end;gap:8px;height:80px;padding:10px;background:rgba(255,255,255,.03);border-radius:8px}
.chart-bar{flex:1;background:linear-gradient(180deg,var(--primary) 0%,var(--secondary) 100%);border-radius:4px 4px 0 0;position:relative;transition:all .3s;display:flex;align-items:flex-start;justify-content:center;padding-top:5px}
.chart-bar:hover{opacity:.8}
.chart-bar span{font-size:9px;font-weight:600;color:#fff;opacity:0}
.chart-bar:hover span{opacity:1}
.preview-table{background:rgba(255,255,255,.03);border-radius:8px;overflow:hidden}
.preview-row{display:flex;align-items:center;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.05);font-size:12px;color:#fff}
.preview-row:last-child{border-bottom:none}
.preview-row span:first-child{color:rgba(255,255,255,.7);flex:1}
.preview-row .price{font-weight:600;color:#fff;margin-right:12px}
.change{display:flex;align-items:center;gap:3px;font-size:10px;font-weight:500;padding:2px 6px;border-radius:4px}
.change.up{color:#10b981;background:rgba(16,185,129,.15)}
.change.down{color:#ef4444;background:rgba(239,68,68,.15)}
.change.neutral{color:rgba(255,255,255,.4);background:rgba(255,255,255,.05)}
.preview-footer{display:flex;justify-content:space-between;padding:12px 18px;background:#0f172a;border-top:1px solid rgba(255,255,255,.05);font-size:11px;color:rgba(255,255,255,.4)}
.preview-footer i{margin-right:5px;color:var(--primary)}

/* ===== Features - Airbnb Style ===== */
.features{padding:80px 0;background:var(--soft-cloud)}
.section-header{text-align:center;margin-bottom:50px}
.section-header .section-tag{
  display:inline-block;
  background:var(--canvas-white);
  color:var(--ink-black);
  padding:6px 16px;
  border-radius:var(--radius-xl);
  font-size:12px;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.5px;
  margin-bottom:15px;
  border:1px solid var(--hairline-gray);
}
.section-header h2{
  font-size:28px;
  font-weight:700;
  letter-spacing:-0.18px;
  color:var(--ink-black);
  margin-bottom:12px
}
.section-header p{
  font-size:16px;
  font-weight:500;
  color:var(--ash-gray);
}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.feature-card{
  background:var(--canvas-white);
  border-radius:var(--radius-lg);
  padding:28px;
  border:1px solid var(--hairline-gray);
  transition:all .3s;
  position:relative;
  overflow:hidden
}
.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-elevated)}
.feature-card-enhanced .feature-icon-bg{position:absolute;top:0;right:0;width:100px;height:100px;background:linear-gradient(135deg,var(--primary-light) 0%,transparent 60%);border-radius:0 0 0 100%;opacity:.5}
.feature-card-enhanced .feature-icon{
  width:56px;
  height:56px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,var(--rausch) 0%,var(--rausch-deep) 100%);
  color:#fff;
  font-size:22px;
  border-radius:var(--radius-lg);
  margin-bottom:20px;
  position:relative;
  z-index:2;
  box-shadow:0 8px 20px rgba(255,56,92,.25);
}
.feature-card h3{
  font-size:18px;
  font-weight:600;
  letter-spacing:-0.18px;
  margin-bottom:10px;
  color:var(--ink-black);
}
.feature-card p{
  font-size:14px;
  font-weight:500;
  color:var(--ash-gray);
  line-height:1.5;
  margin-bottom:20px;
}
.feature-visual{margin-top:auto;padding-top:15px;border-top:1px solid var(--gray-100)}
.feature-visual .compare-bar{display:flex;flex-direction:column;gap:8px}
.compare-item{
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-size:14px;
  font-weight:500;
  padding:8px 12px;
  background:var(--gray-100);
  border-radius:var(--radius-sm);
}
.compare-item span:first-child{color:var(--charcoal)}
.compare-item span:last-child{font-weight:600;color:var(--ink-black)}
.feature-visual .trend-line{height:50px;background:var(--gray-100);border-radius:var(--radius);padding:10px}
.feature-visual .trend-line svg{width:100%;height:100%}
.feature-visual .alert-preview{display:flex;flex-direction:column;gap:8px}
.alert-item{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:14px;
  font-weight:500;
  padding:10px 12px;
  background:var(--gray-100);
  border-radius:var(--radius);
  color:var(--ink-black);
}
.alert-item i{color:var(--rausch)}
.alert-item.success{background:rgba(16,185,129,.1);color:#10b981}
.alert-item.success i{color:#10b981}
.feature-visual .live-indicator{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:14px;
  font-weight:500;
  color:var(--ink-black);
}
.feature-visual .live-indicator .pulse{width:10px;height:10px;background:#10b981;border-radius:var(--radius-full);position:relative}
.feature-visual .live-indicator .pulse::before{content:'';position:absolute;inset:-4px;border:2px solid #10b981;border-radius:50%;animation:ripple 1.5s infinite}
@keyframes ripple{0%{transform:scale(1);opacity:1}100%{transform:scale(1.8);opacity:0}}
.feature-visual .filter-preview{display:flex;flex-wrap:wrap;gap:6px}
.filter-tag{
  font-size:11px;
  font-weight:600;
  padding:5px 10px;
  background:var(--primary-light);
  color:var(--rausch);
  border-radius:var(--radius-sm);
}
.feature-visual .export-preview{display:flex;gap:10px}
.export-preview span{
  display:flex;
  align-items:center;
  gap:5px;
  font-size:14px;
  font-weight:500;
  padding:8px 12px;
  background:var(--gray-100);
  border-radius:var(--radius);
  color:var(--ink-black);
}
.export-preview span i{color:var(--rausch)}

/* ===== Testimonials ===== */
.testimonials{padding:80px 0;background:#fff}
.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-bottom:40px}
.testimonial-card{background:#fff;border-radius:16px;padding:30px;box-shadow:0 4px 20px rgba(0,0,0,.06);border:1px solid rgba(0,0,0,.04);position:relative}
.testimonial-card.featured-testimonial{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;border:none}
.testimonial-card.featured-testimonial .testimonial-rating{color:#fbbf24}
.testimonial-card.featured-testimonial .testimonial-text{color:rgba(255,255,255,.95)}
.testimonial-card.featured-testimonial .author-info strong{color:#fff}
.testimonial-card.featured-testimonial .author-info span{color:rgba(255,255,255,.7)}
.testimonial-badge{position:absolute;top:-10px;right:20px;background:#fbbf24;color:#000;font-size:10px;font-weight:600;padding:4px 12px;border-radius:20px}
.testimonial-rating{color:#fbbf24;font-size:12px;margin-bottom:15px}
.testimonial-rating i{margin-right:2px}
.testimonial-text{font-size:14px;line-height:1.7;color:var(--gray-600);margin-bottom:20px;font-style:italic}
.testimonial-author{display:flex;align-items:center;gap:12px}
.author-avatar{width:45px;height:45px;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px}
.testimonial-card.featured-testimonial .author-avatar{background:rgba(255,255,255,.2)}
.author-info strong{display:block;font-size:14px;font-weight:600;color:var(--gray-900);margin-bottom:2px}
.author-info span{font-size:12px;color:var(--gray-500)}
.testimonial-stats{display:flex;justify-content:center;gap:50px;padding:30px;background:var(--gray-50);border-radius:16px}
.tstat{text-align:center}
.tstat-number{display:block;font-size:28px;font-weight:700;color:var(--primary)}
.tstat-label{font-size:13px;color:var(--gray-500)}

/* ===== Pricing ===== */
.pricing{padding:80px 0;background:var(--gray-50)}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;max-width:1100px;margin:0 auto}
.pricing-card-new{background:#fff;border-radius:20px;padding:35px;box-shadow:0 4px 20px rgba(0,0,0,.06);border:1px solid rgba(0,0,0,.04);text-align:center;position:relative;transition:all .3s}
.pricing-card-new:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,.12)}
.pricing-card-new.featured{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;border:none;transform:scale(1.05)}
.pricing-card-new.featured:hover{transform:scale(1.05) translateY(-8px)}
.pricing-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:#fbbf24;color:#000;font-size:11px;font-weight:600;padding:5px 16px;border-radius:20px}
.pricing-icon{width:60px;height:60px;background:var(--primary-light);color:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:24px}
.pricing-card-new.featured .pricing-icon{background:rgba(255,255,255,.2);color:#fff}
.pricing-card-new h3{font-size:22px;font-weight:600;margin-bottom:15px}
.pricing-card-new .price{margin-bottom:10px}
.pricing-card-new .amount{font-size:52px;font-weight:800;line-height:1}
.pricing-card-new .period{font-size:15px;opacity:.7}
.pricing-desc{font-size:14px;color:var(--gray-500);margin-bottom:25px;line-height:1.6}
.pricing-card-new.featured .pricing-desc{color:rgba(255,255,255,.8)}
.pricing-card-new .pricing-features{text-align:left;margin-bottom:25px}
.pricing-card-new .pricing-features li{display:flex;align-items:center;gap:10px;padding:10px 0;font-size:14px;border-bottom:1px solid var(--gray-100)}
.pricing-card-new .pricing-features li:last-child{border-bottom:none}
.pricing-card-new.featured .pricing-features li{border-color:rgba(255,255,255,.1)}
.pricing-card-new .pricing-features li i{color:var(--success);font-size:13px}
.pricing-card-new.featured .pricing-features li i{color:#10b981}
.pricing-guarantee{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:30px;font-size:14px;color:var(--gray-500)}
.pricing-guarantee i{color:var(--success)}

/* ===== CTA ===== */
.cta{position:relative;padding:100px 0;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;text-align:center;overflow:hidden}
.cta-bg-pattern{position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.1) 1px,transparent 0);background-size:40px 40px}
.cta .container{position:relative;z-index:2}
.cta-icon{width:80px;height:80px;background:rgba(255,255,255,.15);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 25px;font-size:32px;animation:bounce 2s infinite}
@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.cta h2{font-size:42px;font-weight:700;margin-bottom:15px}
.cta p{font-size:18px;opacity:.9;margin-bottom:35px;max-width:600px;margin-left:auto;margin-right:auto}
.cta-buttons{display:flex;justify-content:center;gap:15px;margin-bottom:25px}
.cta .btn-white{background:#fff;color:var(--primary);font-weight:600}
.cta .btn-white:hover{background:rgba(255,255,255,.9);transform:translateY(-2px)}
.cta .btn-outline-white{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.3)}
.cta .btn-outline-white:hover{background:rgba(255,255,255,.1);border-color:#fff}
.cta-trust{display:flex;justify-content:center;gap:25px;font-size:13px;opacity:.9}
.cta-trust span{display:flex;align-items:center;gap:6px}
.cta-trust i{color:#10b981}

/* ===== Footer - Airbnb Style ===== */
.footer{background:#0f172a;color:#fff}
.footer-top{padding:64px 0 48px}
.footer-main-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.3fr;gap:48px}
.footer-brand-column .logo{
  font-size:21px;
  font-weight:600;
  color:#fff;
  margin-bottom:20px;
  display:inline-flex;
  align-items:center;
  gap:10px;
  letter-spacing:-0.18px;
}
.footer-brand-column .logo i{color:var(--rausch)}
.footer-brand-column p{color:var(--ash-gray);font-size:14px;font-weight:500;line-height:1.6;margin-bottom:20px}
.footer-contact-info{margin-bottom:20px}
.contact-item{display:flex;align-items:center;gap:10px;margin-bottom:10px;font-size:14px;font-weight:500;color:var(--ash-gray)}
.contact-item i{color:var(--rausch);width:16px}
.contact-item a{color:var(--ash-gray);transition:color .2s}
.contact-item a:hover{color:#fff}
.footer-social{display:flex;gap:12px}
.social-link{
  width:40px;
  height:40px;
  background:rgba(255,255,255,.08);
  border-radius:var(--radius-full);
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  transition:all .2s;
  font-size:14px;
}
.social-link:hover{background:var(--rausch);transform:translateY(-2px)}
.footer-links-column h4{font-size:14px;font-weight:600;margin-bottom:20px;color:#fff}
.footer-link-group{display:flex;gap:32px}
.link-section h5{font-size:11px;font-weight:600;color:var(--ash-gray);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}
.link-section a{display:block;color:var(--ash-gray);font-size:14px;font-weight:500;padding:4px 0;transition:all .2s}
.link-section a:hover{color:#fff;padding-left:4px}
.footer-newsletter h4{font-size:14px;font-weight:600;margin-bottom:12px;color:#fff}
.footer-newsletter p{color:var(--ash-gray);font-size:14px;font-weight:500;line-height:1.6;margin-bottom:18px}
.newsletter-form{margin-bottom:12px}
.newsletter-input-group{display:flex;gap:8px}
.newsletter-input-group input{
  flex:1;
  padding:14px 16px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
  border-radius:var(--radius);
  color:#fff;
  font-size:14px;
  font-weight:500;
  transition:all .2s;
}
.newsletter-input-group input:focus{outline:none;border-color:var(--rausch);background:rgba(255,255,255,.1)}
.newsletter-input-group input::placeholder{color:var(--ash-gray)}
.newsletter-input-group button{
  padding:14px 20px;
  background:var(--rausch);
  border:none;
  border-radius:var(--radius);
  color:#fff;
  cursor:pointer;
  transition:all .2s;
  font-weight:600;
}
.newsletter-input-group button:hover{background:var(--rausch-deep)}
.newsletter-note{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--ash-gray);margin-bottom:18px}
.newsletter-note i{color:var(--success)}
.footer-trust-badges{display:flex;gap:20px}
.trust-badge-item{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--ash-gray)}
.trust-badge-item i{color:var(--rausch)}

/* Footer Middle - Countries */
.footer-middle{padding:32px 0;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}
.footer-countries-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
.footer-region-group h5{font-size:12px;font-weight:600;color:#fff;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}
.footer-region-group h5 i{color:var(--rausch);margin-right:6px}
.country-links{display:flex;flex-wrap:wrap;gap:6px}
.country-links a{
  font-size:12px;
  font-weight:500;
  color:var(--ash-gray);
  padding:4px 10px;
  background:rgba(255,255,255,.04);
  border-radius:var(--radius-sm);
  transition:all .2s;
}
.country-links a:hover{background:var(--rausch);color:#fff}

/* Footer Bottom */
.footer-bottom{padding:24px 0}
.footer-bottom-content{display:flex;justify-content:space-between;align-items:center}
.footer-legal{display:flex;align-items:center;gap:20px}
.footer-legal p{color:var(--ash-gray);font-size:12px;font-weight:500}
.legal-links{display:flex;gap:16px}
.legal-links a{font-size:12px;font-weight:500;color:var(--ash-gray);transition:color .2s}
.legal-links a:hover{color:#fff}
.footer-payments{display:flex;align-items:center;gap:12px}
.payment-label{font-size:11px;font-weight:500;color:var(--ash-gray)}
.payment-icons{display:flex;gap:10px}
.payment-icons span{font-size:24px;color:var(--ash-gray)}

/* ===== Auth ===== */
.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--gray-100)}
.auth-container{display:grid;grid-template-columns:1fr 1fr;width:900px;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}
.auth-card{padding:50px 40px}
.auth-header{text-align:center;margin-bottom:30px}
.auth-header .logo{justify-content:center;margin-bottom:20px}
.auth-header h1{font-size:24px;font-weight:600;margin-bottom:8px}
.auth-header p{color:var(--gray-500)}
.form-group{margin-bottom:20px}
.form-group label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--gray-700);margin-bottom:6px}
.form-group input,.form-group select{width:100%;padding:12px 14px;border:1px solid var(--gray-300);border-radius:var(--radius);font-size:14px;transition:all .2s}
.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}
.checkbox-label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--gray-600);cursor:pointer}
.checkbox-label input{width:16px;height:16px;accent-color:var(--primary)}
.social-login{display:flex;gap:12px;margin-bottom:20px}
.auth-footer{text-align:center;font-size:14px;color:var(--gray-600)}
.auth-footer a{color:var(--primary);font-weight:500}
.auth-side{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);padding:50px 40px;color:#fff;display:flex;align-items:center}
.auth-side h2{font-size:28px;font-weight:600;margin-bottom:25px}
.feature-list li{display:flex;align-items:center;gap:12px;padding:10px 0;font-size:15px;opacity:.95}
.feature-list li i{color:rgba(255,255,255,.7)}

/* ===== Service Page Hero ===== */
.hero-banner{position:relative;padding:160px 0 100px;color:#fff;overflow:hidden}
.hero-overlay{position:absolute;inset:0;background:radial-gradient(circle at 30% 50%,rgba(67,97,238,.15) 0%,transparent 50%)}
.hero-particles{position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.08) 1px,transparent 0);background-size:35px 35px}
.hero-content-center{text-align:center;max-width:900px;margin:0 auto;position:relative;z-index:2}
.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.1);backdrop-filter:blur(10px);padding:8px 20px;border-radius:50px;font-size:14px;font-weight:500;margin-bottom:25px;border:1px solid rgba(255,255,255,.2)}
.hero-badge i{color:#fbbf24}
.hero-banner h1{font-size:52px;font-weight:800;margin-bottom:15px;line-height:1.1}
.text-gradient{background:linear-gradient(135deg,#60a5fa 0%,#a78bfa 50%,#f472b6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero-lead{font-size:20px;opacity:.9;margin-bottom:35px}
.hero-Trustbadges{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-bottom:45px}
.trust-badge{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.08);padding:10px 16px;border-radius:8px;font-size:13px;font-weight:500;border:1px solid rgba(255,255,255,.1)}
.trust-badge i{color:#10b981}
.hero-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:750px;margin:0 auto 40px}
.hero-stat{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.05);padding:18px;border-radius:12px;border:1px solid rgba(255,255,255,.1)}
.hero-stat-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px}
.hero-stat-content{text-align:left}
.hero-stat-number{display:block;font-size:20px;font-weight:700}
.hero-stat-label{font-size:11px;opacity:.7}
.hero-actions{display:flex;justify-content:center;gap:15px;margin-bottom:30px}
.hero-wave{position:absolute;bottom:0;left:0;right:0}
.hero-wave svg{display:block;width:100%}

/* ===== Sections ===== */
.section-padding{padding:70px 0}
.section-dark{background:#0f172a}
.section-gray{background:#f9fafb}
.section-gradient{background:linear-gradient(180deg,#f9fafb 0%,#fff 100%)}
.section-header-center{text-align:center;max-width:700px;margin:0 auto 50px}
.section-header-center h2{font-size:32px;font-weight:700;margin:10px 0 15px;color:var(--gray-900)}
.section-header-center p{font-size:16px;color:var(--gray-500);line-height:1.7}
.section-tag{display:inline-block;background:var(--primary-light);color:var(--primary);padding:6px 16px;border-radius:50px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}

/* ===== Features Grid ===== */
.features-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.feature-card-elevated{background:#fff;border-radius:16px;padding:28px;box-shadow:0 4px 15px rgba(0,0,0,.06);transition:all .3s;border:1px solid rgba(0,0,0,.04)}
.feature-card-elevated:hover{transform:translateY(-6px);box-shadow:0 15px 35px rgba(0,0,0,.1)}
.feature-icon-xl{width:58px;height:58px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;margin-bottom:18px}
.feature-card-elevated h3{font-size:16px;font-weight:600;margin-bottom:10px}
.feature-card-elevated p{font-size:13px;color:var(--gray-500);line-height:1.7;margin-bottom:12px}
.feature-tag{display:inline-block;background:var(--gray-100);color:var(--primary);padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600}

/* ===== Process Timeline ===== */
.process-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;position:relative}
.process-timeline::before{content:'';position:absolute;top:42px;left:12%;right:12%;height:3px;background:linear-gradient(90deg,#4361ee,#7b2cbf,#10b981,#f59e0b);border-radius:2px}
.process-step{text-align:center;position:relative}
.process-number{width:84px;height:84px;background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border:3px solid #4361ee;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;color:#fff;margin:0 auto 20px;position:relative;z-index:2}
.process-content h3{color:#fff;font-size:15px;font-weight:600;margin-bottom:8px}
.process-content p{color:#94a3b8;font-size:12px;line-height:1.6}
.process-icon{width:38px;height:38px;background:rgba(67,97,238,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:12px auto 0;color:#818cf8}

/* ===== Pricing Cards ===== */
.pricing-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;max-width:1050px;margin:0 auto}
.price-card{background:#fff;border-radius:18px;padding:30px;box-shadow:0 4px 15px rgba(0,0,0,.06);border:1px solid var(--gray-200);position:relative;transition:all .3s}
.price-card:hover{transform:translateY(-4px);box-shadow:0 15px 35px rgba(0,0,0,.1)}
.price-card-featured{border:2px solid var(--primary);transform:scale(1.04);box-shadow:0 10px 35px rgba(67,97,238,.2)}
.price-card-featured:hover{transform:scale(1.04) translateY(-4px)}
.price-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--primary);color:#fff;padding:5px 18px;border-radius:50px;font-size:11px;font-weight:600}
.price-card-header{text-align:center;margin-bottom:22px;padding-bottom:22px;border-bottom:1px solid var(--gray-200)}
.price-tier-icon{width:55px;height:55px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;font-size:24px}
.price-card-header h3{font-size:20px;font-weight:600;margin-bottom:4px}
.price-card-header p{font-size:12px;color:var(--gray-500)}
.price-amount{text-align:center;margin-bottom:22px}
.price-currency{font-size:22px;font-weight:600;vertical-align:top;color:var(--gray-700)}
.price-value{font-size:50px;font-weight:800;color:var(--gray-900);line-height:1}
.price-period{font-size:15px;color:var(--gray-500)}
.price-features{margin-bottom:22px}
.price-features li{display:flex;align-items:center;gap:10px;padding:9px 0;font-size:13px;color:var(--gray-700);border-bottom:1px solid var(--gray-100)}
.price-features li:last-child{border-bottom:none}
.price-features li i{color:var(--success);font-size:13px}
.pricing-footer{text-align:center;margin-top:35px;padding:18px;background:var(--gray-100);border-radius:10px}
.pricing-footer p{font-size:13px;color:var(--gray-600)}
.pricing-footer i{color:var(--primary);margin-right:6px}

/* ===== Category Grid ===== */
.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.category-item{display:flex;align-items:center;gap:12px;padding:14px;background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.04)}
.category-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px}
.category-info h4{font-size:13px;font-weight:600}
.category-info p{font-size:11px;color:var(--gray-500)}
.more-categories{font-size:12px;color:var(--gray-500);margin-top:20px}
.more-tag{font-weight:600;color:var(--gray-700)}

/* ===== Quality Steps ===== */
.quality-steps{display:grid;grid-template-columns:repeat(6,1fr);gap:15px}
.quality-step{text-align:center;padding:22px 12px;background:#fff;border-radius:14px;box-shadow:0 3px 12px rgba(0,0,0,.05)}
.quality-check{width:54px;height:54px;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;color:#fff;font-size:20px}
.quality-step h4{font-size:12px;font-weight:600;margin-bottom:6px}
.quality-step p{font-size:11px;color:var(--gray-500);line-height:1.5}

/* ===== Guarantee Box ===== */
.guarantee-box{display:flex;align-items:center;gap:22px;background:linear-gradient(135deg,#10b981 0%,#059669 100%);padding:30px;border-radius:18px;margin-top:35px}
.guarantee-icon{width:70px;height:70px;background:rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:32px;flex-shrink:0}
.guarantee-content h3{color:#fff;font-size:20px;margin-bottom:8px}
.guarantee-content p{color:rgba(255,255,255,.95);font-size:14px;line-height:1.7}

/* ===== FAQ ===== */
.faq-accordion{max-width:800px;margin:0 auto}
.faq-item{background:#fff;border-radius:12px;margin-bottom:12px;box-shadow:0 2px 8px rgba(0,0,0,.04);overflow:hidden}
.faq-question{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;cursor:pointer;transition:all .3s}
.faq-question:hover{background:var(--gray-50)}
.faq-question h4{font-size:15px;font-weight:600;padding-right:15px}
.faq-question i{color:var(--primary);transition:transform .3s;font-size:12px}
.faq-item.active .faq-question i{transform:rotate(180deg)}
.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s}
.faq-item.active .faq-answer{max-height:250px}
.faq-answer p{padding:0 22px 18px;font-size:14px;color:var(--gray-600);line-height:1.7}

/* ===== Testimonials - Airbnb Style ===== */
.testimonial-section{text-align:center}
.testimonial-header{margin-bottom:35px}
.testimonial-header h2{
  font-size:28px;
  font-weight:700;
  letter-spacing:-0.18px;
  margin-top:10px;
  color:var(--ink-black);
}
.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.testimonial-card{
  background:var(--canvas-white);
  border-radius:var(--radius-lg);
  padding:24px;
  border:1px solid var(--hairline-gray);
  text-align:left;
  transition:all .2s;
}
.testimonial-card:hover{box-shadow:var(--shadow-elevated)}
.testimonial-stars{color:#fbbf24;margin-bottom:12px;font-size:13px}
.testimonial-stars i{margin-right:2px}
.testimonial-text{
  font-size:16px;
  font-weight:500;
  color:var(--charcoal);
  line-height:1.5;
  margin-bottom:18px;
}
.testimonial-author{display:flex;align-items:center;gap:12px}
.author-avatar{
  width:44px;
  height:44px;
  background:linear-gradient(135deg,var(--rausch),var(--rausch-deep));
  border-radius:var(--radius-full);
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-weight:600;
  font-size:14px;
}
.author-info strong{display:block;font-size:16px;font-weight:600;color:var(--ink-black)}
.author-info span{font-size:14px;font-weight:500;color:var(--ash-gray)}

/* ===== Countries Section ===== */
.countries-section{padding:80px 0;background:linear-gradient(180deg,#fff 0%,var(--gray-50) 100%)}
.world-map-container{display:grid;grid-template-columns:280px 1fr;gap:40px;margin-bottom:50px;align-items:center}
.map-visual{display:flex;align-items:center;justify-content:center}
.globe-wrapper{position:relative;width:220px;height:220px;display:flex;align-items:center;justify-content:center}
.globe{width:160px;height:160px;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);border-radius:50%;position:relative;box-shadow:inset -20px -20px 40px rgba(0,0,0,.2),inset 15px 15px 30px rgba(255,255,255,.1),0 15px 40px rgba(67,97,238,.3)}
.globe-ring{position:absolute;border:2px solid rgba(67,97,238,.25);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}
.globe-ring:nth-child(1){width:180px;height:180px;animation:rotate 20s linear infinite}
.globe-ring:nth-child(2){width:210px;height:210px;border-color:rgba(67,97,238,.15);animation:rotate 30s linear infinite reverse}
.globe-ring:nth-child(3){width:240px;height:240px;border-color:rgba(67,97,238,.08);animation:rotate 40s linear infinite}
@keyframes rotate{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}
.continent{position:absolute;border-radius:50%}
.continent:nth-child(4){width:16px;height:16px;background:#fbbf24;top:30%;left:25%;box-shadow:0 0 12px rgba(251,191,36,.7);animation:pulse 2s infinite}
.continent:nth-child(5){width:16px;height:16px;background:#fbbf24;top:25%;left:70%;box-shadow:0 0 12px rgba(251,191,36,.7);animation:pulse 2s infinite .5s}
.continent:nth-child(6){width:16px;height:16px;background:#fbbf24;top:60%;left:50%;box-shadow:0 0 12px rgba(251,191,36,.7);animation:pulse 2s infinite 1s}
.continent:nth-child(7){width:16px;height:16px;background:#fbbf24;top:70%;left:80%;box-shadow:0 0 12px rgba(251,191,36,.7);animation:pulse 2s infinite 1.5s}
.continent:nth-child(8){width:16px;height:16px;background:#fbbf24;top:70%;left:15%;box-shadow:0 0 12px rgba(251,191,36,.7);animation:pulse 2s infinite 2s}
.continent:nth-child(9){width:16px;height:16px;background:#fbbf24;top:20%;left:55%;box-shadow:0 0 12px rgba(251,191,36,.7);animation:pulse 2s infinite 2.5s}
.region-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.region-card{display:flex;align-items:center;gap:10px;padding:16px;background:#fff;border-radius:12px;box-shadow:0 3px 10px rgba(0,0,0,.05);border:1px solid var(--gray-100);transition:all .3s;cursor:pointer}
.region-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px rgba(0,0,0,.1);border-color:var(--primary)}
.region-icon{width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}
.region-info{flex:1;min-width:0}
.region-info h4{font-size:13px;font-weight:600;color:var(--gray-900);margin-bottom:2px}
.region-info .country-count{font-size:11px;color:var(--gray-500)}
.region-preview{display:flex;gap:3px;flex-wrap:wrap}
.region-preview span{font-size:9px;color:var(--gray-400);background:var(--gray-50);padding:2px 6px;border-radius:3px}
.region-preview span:last-child{color:var(--primary);font-weight:500}
.popular-countries{margin-bottom:50px}
.popular-countries h3{font-size:18px;font-weight:600;color:var(--gray-900);margin-bottom:20px;text-align:center}
.popular-countries h3 i{color:#fbbf24;margin-right:8px}
.country-pills{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.country-pill{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.05);border:1px solid var(--gray-100);transition:all .3s;font-size:13px}
.country-pill:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.1);border-color:var(--primary)}
.country-pill .flag{font-size:20px}
.country-pill .name{font-weight:500;color:var(--gray-800)}
.country-pill .price{font-size:11px;color:var(--primary);font-weight:600;background:var(--primary-light);padding:2px 8px;border-radius:20px}
.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:40px;padding:25px;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);border-radius:16px}
.stat-item{text-align:center;color:#fff}
.stat-icon{width:44px;height:44px;background:rgba(255,255,255,.15);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 10px;font-size:18px}
.stat-number{display:block;font-size:26px;font-weight:700;margin-bottom:3px}
.stat-text{font-size:12px;opacity:.9}
.cta-row{display:flex;justify-content:center;gap:15px}

/* ===== CTA Final ===== */
.cta-final{background:linear-gradient(135deg,#0f172a 0%,#1e3a5f 50%,#0f172a 100%);padding:80px 0;text-align:center}
.cta-final-content{max-width:650px;margin:0 auto}
.cta-final h2{font-size:36px;font-weight:700;color:#fff;margin-bottom:12px}
.cta-final p{font-size:16px;color:rgba(255,255,255,.8);margin-bottom:30px}
.cta-actions{display:flex;justify-content:center;gap:12px;margin-bottom:25px}
.cta-trust{display:flex;justify-content:center;gap:25px;color:rgba(255,255,255,.7);font-size:13px}
.cta-trust i{color:#10b981;margin-right:5px}

/* ===== US Map ===== */
.us-map-graphic{background:linear-gradient(135deg,#0f172a 0%,#1e3a5f 100%);border-radius:18px;padding:35px;min-height:360px;position:relative}
.map-region{position:absolute;text-align:center}
.region-dot{width:18px;height:18px;background:#4361ee;border-radius:50%;margin:0 auto 6px;animation:pulse 2s infinite;box-shadow:0 0 15px rgba(67,97,238,.5)}
.map-region span{display:block;color:#fff;font-size:11px;font-weight:500;white-space:nowrap}
@keyframes pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}}
.map-legend{position:absolute;bottom:25px;left:25px;background:rgba(255,255,255,.1);padding:14px 18px;border-radius:10px}
.map-legend h4{color:#fff;font-size:12px;margin-bottom:8px}
.legend-item{display:flex;align-items:center;gap:7px;color:rgba(255,255,255,.8);font-size:11px;margin-bottom:4px}
.legend-item .dot{width:9px;height:9px;border-radius:50%;background:var(--gray-500)}
.legend-item .dot.active{background:#4361ee;box-shadow:0 0 8px rgba(67,97,238,.5)}

/* ===== Content Section ===== */
.content-section{padding:60px 0}
.content-wrapper{display:grid;grid-template-columns:1fr 300px;gap:40px}
.main-content h2{font-size:26px;font-weight:600;color:var(--gray-900);margin:40px 0 20px}
.main-content h2:first-child{margin-top:0}
.main-content p{font-size:15px;line-height:1.8;color:var(--gray-600);margin-bottom:20px}
.main-content h3{font-size:20px;font-weight:600;color:var(--gray-800);margin:30px 0 15px}
.sidebar-content{position:sticky;top:100px;height:fit-content}
.widget{background:#fff;border-radius:var(--radius-lg);padding:25px;margin-bottom:20px;box-shadow:var(--shadow)}
.widget h3{font-size:16px;font-weight:600;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid var(--primary)}
.widget ul li{margin-bottom:10px}
.widget ul li a{color:var(--gray-600);font-size:14px}
.widget ul li a:hover{color:var(--primary)}
.widget.cta-widget{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;text-align:center}
.widget.cta-widget h3{color:#fff;border-bottom:none}
.widget.cta-widget p{font-size:14px;opacity:.9;margin-bottom:15px}
.widget.cta-widget .btn{background:#fff;color:var(--primary)}

/* ===== Pricing Table ===== */
.pricing-table{margin:30px 0;border:1px solid var(--gray-200);border-radius:var(--radius-lg);overflow:hidden}
.pricing-row{display:grid;grid-template-columns:1fr 1fr 1fr 2fr;padding:20px;border-bottom:1px solid var(--gray-200);align-items:center}
.pricing-row:last-child{border-bottom:none}
.pricing-row:hover{background:var(--gray-50)}
.pricing-row.featured{background:var(--primary-light)}
.pricing-tier{font-weight:600;font-size:16px}
.pricing-da{color:var(--gray-500);font-size:14px}
.pricing-price{font-size:24px;font-weight:700;color:var(--primary)}
.pricing-price span{font-size:14px;font-weight:400;color:var(--gray-500)}
.pricing-features{font-size:13px;color:var(--gray-500)}

/* ===== FAQ Section ===== */
.faq-section{margin:30px 0}
.faq-item h4{font-size:16px;font-weight:600;color:var(--gray-800);margin-bottom:10px}
.faq-item p{font-size:14px;color:var(--gray-600);line-height:1.7;margin-bottom:0}

/* ===== CTA Box ===== */
.cta-box{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;padding:40px;border-radius:var(--radius-lg);text-align:center;margin:40px 0}
.cta-box h3{font-size:24px;margin-bottom:10px;color:#fff}
.cta-box p{color:rgba(255,255,255,.9);margin-bottom:20px}

/* ===== Accessibility ===== */
.skip-link{position:absolute;top:-40px;left:0;background:var(--primary);color:#fff;padding:8px 16px;z-index:9999;transition:top .3s;border-radius:0 0 8px 0}
.skip-link:focus{top:0}
:focus-visible{outline:3px solid var(--primary);outline-offset:2px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
[role="button"]:focus-visible,[tabindex="0"]:focus-visible{outline:3px solid var(--primary);outline-offset:2px}

/* ===== Responsive ===== */
@media(max-width:1024px){
.hero .container{grid-template-columns:1fr;text-align:center}
.hero-buttons{justify-content:center}
.hero-stats{justify-content:center}
.hero-trust{flex-direction:column;gap:10px}
.feature-grid,.features-grid-3{grid-template-columns:repeat(2,1fr)}
.pricing-grid{grid-template-columns:1fr;max-width:400px}
.footer-main-grid{grid-template-columns:repeat(2,1fr);gap:40px}
.footer-countries-grid{grid-template-columns:repeat(2,1fr)}
.process-timeline{grid-template-columns:repeat(2,1fr)}
.process-timeline::before{display:none}
.pricing-cards-grid{grid-template-columns:1fr;max-width:400px}
.price-card-featured{transform:none}
.quality-steps{grid-template-columns:repeat(3,1fr)}
.testimonial-grid{grid-template-columns:1fr}
.hero-stats-grid{grid-template-columns:repeat(2,1fr)}
.hero-banner h1{font-size:44px}
.category-grid{grid-template-columns:repeat(2,1fr)}
.world-map-container{grid-template-columns:1fr}
.region-cards{grid-template-columns:repeat(2,1fr)}
.testimonial-stats{gap:20px}
.testimonial-stats .tstat-number{font-size:22px}
}
@media(max-width:768px){
.auth-container{grid-template-columns:1fr}
.auth-side{display:none}
.feature-grid,.features-grid-3,.pricing-grid{grid-template-columns:1fr}
.footer-top{padding:50px 0 30px}
.footer-main-grid{grid-template-columns:1fr;gap:30px}
.footer-link-group{flex-direction:column;gap:20px}
.footer-countries-grid{grid-template-columns:repeat(2,1fr);gap:20px}
.footer-bottom-content{flex-direction:column;gap:20px;text-align:center}
.footer-legal{flex-direction:column;gap:10px}
.legal-links{flex-wrap:wrap;justify-content:center}
.footer-payments{flex-direction:column;gap:10px}
.payment-icons{justify-content:center}
.process-timeline,.quality-steps{grid-template-columns:1fr}
.hero-banner h1{font-size:34px}
.hero-Trustbadges{gap:10px}
.trust-badge{font-size:11px;padding:8px 12px}
.hero-actions{flex-direction:column;align-items:center}
.hero-stats-grid{grid-template-columns:1fr 1fr}
.category-grid,.content-wrapper{grid-template-columns:1fr}
.sidebar-content{position:static}
.cta-final h2{font-size:26px}
.cta-actions,.cta-trust{flex-direction:column;gap:10px}
.world-map-container{grid-template-columns:1fr}
.globe-wrapper{width:200px;height:200px}
.globe{width:150px;height:150px}
.region-cards{grid-template-columns:1fr}
.stats-row{grid-template-columns:repeat(2,1fr)}
.country-pills{gap:8px}
.country-pill{padding:10px 14px;font-size:13px}
.country-pill .flag{font-size:18px}
.cta-row{flex-direction:column;align-items:center}
.testimonial-grid{grid-template-columns:1fr}
.testimonial-stats{flex-wrap:wrap;gap:15px}
.tstat{width:45%}
.pricing-card-new.featured{transform:none}
.cta-buttons{flex-direction:column;align-items:center}
.hero-content h1{font-size:36px}
.hero-badge-new{flex-wrap:wrap;justify-content:center}
.trust-logos{flex-wrap:wrap;justify-content:center}
}

/* ===== Marketplace Listings ===== */
.dashboard-layout{display:flex;min-height:calc(100vh - 70px);gap:30px;padding:30px 0}
.dashboard-sidebar{width:280px;flex-shrink:0}
.sidebar-section{background:var(--canvas-white);border-radius:var(--radius-lg);padding:24px;box-shadow:0 1px 3px rgba(0,0,0,0.08)}
.sidebar-section h3{font-size:16px;font-weight:600;margin-bottom:20px;display:flex;align-items:center;gap:8px;color:var(--ink-black)}
.filter-group{margin-bottom:20px}
.filter-group label{display:block;font-size:13px;font-weight:500;color:var(--charcoal);margin-bottom:6px}
.filter-group select,.filter-group input{width:100%;padding:10px 12px;border:1px solid var(--hairline-gray);border-radius:var(--radius);font-size:14px;background:var(--canvas-white)}
.filter-group select:focus,.filter-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(255,56,92,0.1)}
.range-inputs{display:flex;align-items:center;gap:8px}
.range-inputs input{flex:1;min-width:0}
.range-inputs span{color:var(--ash-gray);font-size:12px}

.dashboard-content{flex:1;min-width:0}
.content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}
.content-header h1{font-size:28px;font-weight:700;color:var(--ink-black)}
.header-actions{display:flex;gap:12px;align-items:center}
.search-box{display:flex;align-items:center;background:var(--canvas-white);border:1px solid var(--hairline-gray);border-radius:var(--radius);padding:0 14px}
.search-box i{color:var(--ash-gray)}
.search-box input{border:none;padding:10px;background:transparent;width:200px;font-size:14px}
.search-box input:focus{outline:none}
.sort-select{padding:10px 14px;border:1px solid var(--hairline-gray);border-radius:var(--radius);background:var(--canvas-white);font-size:14px;cursor:pointer}

.listings-stats{margin-bottom:16px;font-size:14px;color:var(--ash-gray)}
.listings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}

.listing-card{background:var(--canvas-white);border-radius:var(--radius-lg);padding:20px;box-shadow:0 1px 3px rgba(0,0,0,0.08);cursor:pointer;transition:box-shadow 0.2s,transform 0.2s}
.listing-card:hover{box-shadow:0 8px 24px rgba(0,0,0,0.12);transform:translateY(-2px)}
.listing-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}
.listing-type{padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}
.listing-type.guest_post{background:rgba(67,97,238,0.1);color:#4361ee}
.listing-type.press_release{background:rgba(16,185,129,0.1);color:#10b981}
.favorite-btn{background:none;border:none;cursor:pointer;color:var(--ash-gray);font-size:18px;padding:4px}
.favorite-btn:hover{color:var(--primary)}
.listing-title{font-size:16px;font-weight:600;color:var(--ink-black);margin-bottom:4px;line-height:1.4}
.listing-publisher{font-size:13px;color:var(--ash-gray);margin-bottom:12px}
.listing-meta{display:flex;gap:16px;margin-bottom:12px}
.meta-item{font-size:13px;color:var(--charcoal);display:flex;align-items:center;gap:4px}
.meta-item i{color:var(--ash-gray)}
.listing-details{display:flex;gap:16px;padding:12px 0;border-top:1px solid var(--soft-cloud);border-bottom:1px solid var(--soft-cloud);margin-bottom:12px}
.detail-item{font-size:13px;color:var(--ash-gray);display:flex;align-items:center;gap:4px}
.detail-item i{color:var(--ash-gray)}
.listing-footer{display:flex;justify-content:space-between;align-items:center}
.listing-price{display:flex;flex-direction:column}
.price-label{font-size:11px;color:var(--ash-gray)}
.price-value{font-size:22px;font-weight:700;color:var(--primary)}
.btn-sm{padding:8px 16px;font-size:13px}

.loading-spinner,.empty-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:var(--ash-gray)}
.loading-spinner i{font-size:32px;margin-bottom:16px}
.empty-state i,.error-state i{font-size:48px;margin-bottom:16px;color:var(--stone-gray)}
.empty-state h3,.error-state h3{font-size:20px;font-weight:600;color:var(--charcoal);margin-bottom:8px}

.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:32px}
.pagination button{background:var(--canvas-white);border:1px solid var(--hairline-gray);padding:8px 14px;border-radius:var(--radius);cursor:pointer;font-size:14px;color:var(--charcoal);transition:all 0.2s}
.pagination button:hover{background:var(--soft-cloud)}
.pagination button.active{background:var(--primary);color:white;border-color:var(--primary)}
.pagination-ellipsis{color:var(--ash-gray)}

/* ===== Dashboard & Prices Pages ===== */
.dashboard-page{display:flex;min-height:100vh;background:var(--gray-50)}
.dashboard-page .sidebar{position:fixed;top:0;left:0;width:260px;height:100vh;background:var(--ink-black);color:#fff;display:flex;flex-direction:column;z-index:100}
.dashboard-page .sidebar-header{padding:20px;display:flex;align-items:center;gap:12px}
.dashboard-page .sidebar-header .logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff;font-size:18px;font-weight:700}
.dashboard-page .sidebar-header .logo i{font-size:22px;color:var(--primary)}
.dashboard-page .sidebar-user{padding:16px 20px;border-bottom:1px solid rgba(255,255,255,0.1);display:flex;align-items:center;gap:12px}
.dashboard-page .user-avatar{width:40px;height:40px;background:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px}
.dashboard-page .user-info{display:flex;flex-direction:column;gap:2px}
.dashboard-page .user-name{font-weight:600;font-size:14px}
.dashboard-page .user-email{font-size:12px;opacity:0.7}
.dashboard-page .nav-menu{list-style:none;padding:16px 0;flex:1}
.dashboard-page .nav-item a{display:flex;align-items:center;gap:12px;padding:12px 20px;color:rgba(255,255,255,0.7);text-decoration:none;font-size:14px;transition:all 0.2s}
.dashboard-page .nav-item a:hover,.dashboard-page .nav-item.active a{background:rgba(255,255,255,0.1);color:#fff}
.dashboard-page .nav-item.active a{border-left:3px solid var(--primary);padding-left:17px}
.dashboard-page .nav-item i{width:20px;text-align:center}
.dashboard-page .sidebar-footer{padding:16px 20px;border-top:1px solid rgba(255,255,255,0.1)}
.dashboard-page .sidebar-footer a{display:flex;align-items:center;gap:10px;color:rgba(255,255,255,0.7);text-decoration:none;font-size:14px;transition:color 0.2s}
.dashboard-page .sidebar-footer a:hover{color:#fff}
.dashboard-page .main-content{margin-left:260px;flex:1;padding:30px 40px}
.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;flex-wrap:wrap;gap:20px}
.header-left h1{font-size:28px;font-weight:700;color:var(--ink-black);margin-bottom:4px}
.header-left p{font-size:15px;color:var(--ash-gray);margin:0}
.header-actions{display:flex;gap:12px}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px}
.stat-card{background:var(--canvas-white);border-radius:var(--radius-lg);padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 1px 3px rgba(0,0,0,0.08)}
.stat-card .stat-icon{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px}
.stat-card .stat-content{display:flex;flex-direction:column;gap:4px}
.stat-card .stat-value{font-size:26px;font-weight:700;color:var(--ink-black)}
.stat-card .stat-label{font-size:13px;color:var(--ash-gray)}
.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}
.card{background:var(--canvas-white);border-radius:var(--radius-lg);box-shadow:0 1px 3px rgba(0,0,0,0.08);margin-bottom:24px}
.card-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--soft-cloud)}
.card-header h2{font-size:16px;font-weight:600;color:var(--ink-black);display:flex;align-items:center;gap:8px}
.card-header h2 i{color:var(--primary)}
.card-actions{display:flex;gap:8px}
.card-body{padding:20px 24px}
.select-sm{padding:8px 12px;border:1px solid var(--hairline-gray);border-radius:var(--radius);font-size:13px;background:var(--canvas-white);cursor:pointer}
.table-responsive{overflow-x:auto}
.data-table{width:100%;border-collapse:collapse}
.data-table th{text-align:left;padding:12px 16px;font-size:12px;font-weight:600;color:var(--ash-gray);text-transform:uppercase;letter-spacing:0.5px;border-bottom:2px solid var(--soft-cloud)}
.data-table td{padding:14px 16px;font-size:14px;color:var(--charcoal);border-bottom:1px solid var(--soft-cloud)}
.data-table tr:hover td{background:var(--soft-cloud)}
.price-overview{grid-column:1}
.price-chart-card{grid-column:2}
.comparison-section{grid-column:1 / -1}
.comparison-bars{display:flex;flex-direction:column;gap:16px}
.filters-bar{display:flex;gap:16px;align-items:center;flex-wrap:wrap;padding:20px 24px;background:var(--canvas-white);border-radius:var(--radius-lg);margin-bottom:24px;box-shadow:0 1px 3px rgba(0,0,0,0.08)}
.filters-bar .filter-group{display:flex;align-items:center;gap:8px}
.filters-bar .filter-group label{font-size:13px;font-weight:500;color:var(--charcoal)}
.filters-bar .select-filter{padding:10px 14px;border:1px solid var(--hairline-gray);border-radius:var(--radius);font-size:14px;background:var(--canvas-white);cursor:pointer}
.filters-bar .search-group{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--soft-cloud);border-radius:var(--radius);margin-left:auto}
.filters-bar .search-group i{color:var(--ash-gray)}
.filters-bar .search-group input{border:none;background:transparent;width:180px;font-size:14px}
.filters-bar .search-group input:focus{outline:none}
.prices-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-bottom:24px}
.chart-full-section{grid-column:1 / -1}
.chart-container{height:300px;position:relative}
.history-section{grid-column:1 / -1}
.modal{position:fixed;top:0;left:0;right:0;bottom:0;display:none;align-items:center;justify-content:center;z-index:1000}
.modal.active{display:flex}
.modal-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5)}
.modal-content{position:relative;background:var(--canvas-white);border-radius:var(--radius-lg);width:90%;max-width:500px;max-height:90vh;overflow-y:auto}
.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--soft-cloud)}
.modal-header h3{font-size:18px;font-weight:600;color:var(--ink-black)}
.modal-close{background:none;border:none;font-size:24px;color:var(--ash-gray);cursor:pointer;padding:0;line-height:1}
.modal-body{padding:24px}
.modal-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}
.modal-stat{background:var(--soft-cloud);padding:16px;border-radius:var(--radius);text-align:center}
.modal-stat-label{font-size:12px;color:var(--ash-gray);display:block;margin-bottom:4px}
.modal-stat-value{font-size:20px;font-weight:700;color:var(--ink-black)}
.modal-chart{height:200px;margin-bottom:24px}
.modal-actions{display:flex;gap:12px}

/* ===== Listing Detail ===== */
.listing-detail-page{padding:30px 0}
.breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--ash-gray);margin-bottom:24px}
.breadcrumb a{color:var(--charcoal);text-decoration:none}
.breadcrumb a:hover{color:var(--primary)}
.breadcrumb i{font-size:10px}
.listing-detail-grid{display:grid;grid-template-columns:1fr 380px;gap:40px}
.listing-main{background:var(--canvas-white);border-radius:var(--radius-lg);padding:32px;box-shadow:0 1px 3px rgba(0,0,0,0.08)}
.listing-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.listing-detail-title{font-size:28px;font-weight:700;color:var(--ink-black);margin-bottom:20px;line-height:1.3}
.listing-publisher-detail{display:flex;align-items:center;gap:12px;padding:16px;background:var(--soft-cloud);border-radius:var(--radius);margin-bottom:24px}
.publisher-avatar{width:48px;height:48px;background:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:20px}
.publisher-info{display:flex;flex-direction:column;gap:2px}
.publisher-name{font-weight:600;color:var(--ink-black)}
.seller-rating{font-size:13px;color:var(--warning);display:flex;align-items:center;gap:4px}
.detail-section{margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid var(--soft-cloud)}
.detail-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}
.detail-section h2{font-size:18px;font-weight:600;color:var(--ink-black);margin-bottom:16px;display:flex;align-items:center;gap:8px}
.detail-section h2 i{color:var(--primary)}
.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.metric-card{background:var(--soft-cloud);padding:16px;border-radius:var(--radius);text-align:center}
.metric-value{font-size:24px;font-weight:700;color:var(--ink-black);display:block}
.metric-label{font-size:12px;color:var(--ash-gray)}
.details-table{display:flex;flex-direction:column;gap:12px}
.detail-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--soft-cloud)}
.detail-row:last-child{border-bottom:none}
.detail-label{font-size:14px;color:var(--ash-gray)}
.detail-value{font-size:14px;font-weight:500;color:var(--ink-black)}
.about-website p{font-size:14px;color:var(--charcoal);line-height:1.6;margin-bottom:16px}
.policy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.policy-item{display:flex;align-items:center;gap:8px;padding:12px;background:var(--soft-cloud);border-radius:var(--radius);font-size:13px;color:var(--error-red)}
.policy-item.allowed{color:var(--success)}
.policy-item i{font-size:16px}
.reviews-list{display:flex;flex-direction:column;gap:16px}
.review-card{background:var(--soft-cloud);padding:16px;border-radius:var(--radius)}
.review-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}
.review-avatar{width:36px;height:36px;background:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:14px;font-weight:600}
.review-info{display:flex;flex-direction:column;gap:2px}
.review-name{font-weight:500;font-size:14px;color:var(--ink-black)}
.review-rating{color:var(--warning);font-size:12px}
.review-comment{font-size:14px;color:var(--charcoal);line-height:1.5;margin:8px 0}
.review-date{font-size:12px;color:var(--ash-gray)}
.no-reviews{color:var(--ash-gray);font-size:14px}

.listing-sidebar{display:flex;flex-direction:column;gap:24px}
.price-card{background:var(--canvas-white);border-radius:var(--radius-lg);padding:24px;box-shadow:0 1px 3px rgba(0,0,0,0.08);position:sticky;top:20px}
.price-header{margin-bottom:20px}
.price-header .price-label{font-size:13px;color:var(--ash-gray)}
.price-header .price-main{font-size:36px;font-weight:700;color:var(--ink-black)}
.quantity-section{margin-bottom:20px}
.quantity-section label{display:block;font-size:13px;font-weight:500;color:var(--charcoal);margin-bottom:8px}
.quantity-input{display:flex;align-items:center;border:1px solid var(--hairline-gray);border-radius:var(--radius)}
.quantity-input button{background:none;border:none;padding:10px 14px;cursor:pointer;color:var(--charcoal)}
.quantity-input button:hover{color:var(--primary)}
.quantity-input input{width:60px;text-align:center;border:none;font-size:16px;font-weight:600}
.quantity-input input:focus{outline:none}
.price-summary{border-top:1px solid var(--soft-cloud);padding-top:16px;margin-bottom:20px}
.summary-row{display:flex;justify-content:space-between;padding:8px 0;font-size:14px;color:var(--charcoal)}
.summary-row.total{font-weight:700;font-size:18px;color:var(--ink-black);border-top:1px solid var(--soft-cloud);padding-top:12px;margin-top:4px}
.seller-info-box{background:var(--soft-cloud);padding:16px;border-radius:var(--radius);margin-top:20px}
.seller-info-box h4{font-size:14px;font-weight:600;color:var(--ink-black);margin-bottom:12px}
.seller-info-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--charcoal);margin-bottom:8px}
.seller-info-item:last-child{margin-bottom:0}
.compare-card{background:var(--canvas-white);border-radius:var(--radius-lg);padding:20px;box-shadow:0 1px 3px rgba(0,0,0,0.08)}
.compare-card h4{font-size:14px;font-weight:600;color:var(--ink-black);margin-bottom:8px;display:flex;align-items:center;gap:6px}
.compare-card p{font-size:13px;color:var(--ash-gray);margin-bottom:16px}

.related-listings{margin-top:48px;padding-top:32px;border-top:1px solid var(--soft-cloud)}
.related-listings h2{font-size:20px;font-weight:600;color:var(--ink-black);margin-bottom:20px;display:flex;align-items:center;gap:8px}
.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}

/* ===== Page Hero ===== */
.page-hero{background:linear-gradient(135deg,#0f172a 0%,#1e3a5f 100%);padding:80px 0;text-align:center;margin-bottom:40px}
.page-hero .hero-title{font-size:42px;font-weight:700;color:#fff;margin-bottom:12px}
.page-hero .hero-subtitle{font-size:18px;color:rgba(255,255,255,0.8)}

/* ===== Static Page Layout ===== */
.static-page{padding-top:80px}
.static-page main{padding:60px 0}

/* ===== Error Pages ===== */
.error-page{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:40px 20px}
.error-page .error-code{font-size:120px;font-weight:700;color:var(--primary);line-height:1;margin-bottom:20px}
.error-page .error-title{font-size:32px;margin-bottom:16px}
.error-page .error-message{font-size:18px;color:var(--ash-gray);margin-bottom:40px;max-width:500px}

/* ===== Landing Page ===== */
.landing-page{min-height:100vh}
.landing-page .hero{padding-top:180px}

/* ===== About Page ===== */
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}
.about-main h2{font-size:28px;font-weight:600;margin-bottom:16px}
.about-main h3{font-size:20px;font-weight:600;margin:24px 0 12px}
.about-main p{color:var(--charcoal);line-height:1.7;margin-bottom:16px}
.about-main ul{list-style:disc;padding-left:24px;margin-bottom:16px}
.about-main ul li{margin-bottom:8px;color:var(--charcoal)}
.about-sidebar{display:flex;flex-direction:column;gap:24px}
.about-content{padding-top:40px}

/* ===== Blog Page ===== */
.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:30px}
.blog-card{background:var(--canvas-white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,0.08);transition:transform 0.2s,box-shadow 0.2s}
.blog-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,0.1)}
.blog-card-image{height:200px;background:linear-gradient(135deg,#0f172a 0%,#1e3a5f 100%);display:flex;align-items:center;justify-content:center}
.blog-card-image i{font-size:48px;color:rgba(255,255,255,0.3)}
.blog-card-content{padding:24px}
.blog-card-category{font-size:12px;font-weight:600;color:var(--primary);text-transform:uppercase;margin-bottom:8px}
.blog-card-title{font-size:18px;font-weight:600;color:var(--ink-black);margin-bottom:8px;line-height:1.4}
.blog-card-excerpt{font-size:14px;color:var(--ash-gray);line-height:1.6}

/* ===== Contact Page ===== */
.contact-form{max-width:600px;margin:0 auto}
.contact-form .form-group{margin-bottom:24px}
.contact-form label{display:block;font-size:14px;font-weight:500;color:var(--charcoal);margin-bottom:8px}
.contact-form input,.contact-form textarea,.contact-form select{width:100%;padding:14px 16px;border:1px solid var(--hairline-gray);border-radius:var(--radius);font-size:16px;font-family:inherit;transition:border-color 0.2s}
.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{outline:none;border-color:var(--primary)}
.contact-form textarea{resize:vertical;min-height:150px}
.contact-info-card{background:var(--soft-cloud);border-radius:var(--radius-lg);padding:30px;text-align:center}
.contact-info-card i{font-size:36px;color:var(--primary);margin-bottom:16px}
.contact-list{display:flex;flex-direction:column;gap:24px}
.contact-card{background:var(--canvas-white);border-radius:var(--radius-lg);padding:24px;box-shadow:0 1px 3px rgba(0,0,0,0.08)}

/* ===== Legal Pages ===== */
.legal-content{max-width:800px;margin:0 auto}
.legal-content h2{font-size:24px;font-weight:600;margin:32px 0 16px}
.legal-content h3{font-size:18px;font-weight:600;margin:24px 0 12px}
.legal-content p{margin-bottom:16px;line-height:1.7;color:var(--charcoal)}
.legal-content ul{list-style:disc;padding-left:24px;margin-bottom:16px}
.legal-content ul li{margin-bottom:8px;color:var(--charcoal)}

/* ===== Comparison Page ===== */
.comparison-table{width:100%;border-collapse:collapse}
.comparison-table th,.comparison-table td{padding:16px;text-align:left;border-bottom:1px solid var(--soft-cloud)}
.comparison-table th{font-size:12px;font-weight:600;color:var(--ash-gray);text-transform:uppercase}
.comparison-table td{font-size:14px;color:var(--charcoal)}
.compare-actions{display:flex;gap:8px}
.compare-bar{height:8px;background:var(--soft-cloud);border-radius:4px;overflow:hidden;margin-top:8px}
.compare-list-card{background:var(--canvas-white);border-radius:var(--radius-lg);padding:20px;box-shadow:0 1px 3px rgba(0,0,0,0.08);margin-bottom:16px}
.compare-lists{display:flex;flex-direction:column;gap:16px}
.compares{display:flex;flex-direction:column;gap:8px}

/* ===== Partners Page ===== */
.pricing-card{background:var(--canvas-white);border-radius:var(--radius-lg);padding:40px;box-shadow:0 1px 3px rgba(0,0,0,0.08)}

/* ===== Auth Pages (Login/Register) ===== */
.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f172a 0%,#1e3a5f 100%);padding:40px 20px}
.auth-container{display:flex;background:var(--canvas-white);border-radius:var(--radius-lg);overflow:hidden;max-width:900px;width:100%;box-shadow:0 25px 50px rgba(0,0,0,0.3)}
.auth-form{flex:1;padding:48px}
.auth-side-content{flex:1;background:linear-gradient(135deg,#0f172a 0%,#1e3a5f 100%);padding:48px;display:flex;flex-direction:column;justify-content:center;color:#fff}
.auth-divider{display:flex;align-items:center;gap:16px;margin:24px 0;color:var(--ash-gray);font-size:14px}
.auth-divider::before,.auth-divider::after{content:'';flex:1;height:1px;background:var(--hairline-gray)}
.btn-social{width:100%;padding:14px;border:1px solid var(--hairline-gray);border-radius:var(--radius);background:var(--canvas-white);display:flex;align-items:center;justify-content:center;gap:12px;font-size:16px;font-weight:500;cursor:pointer;transition:all 0.2s}
.btn-social:hover{background:var(--soft-cloud)}
.btn-text{background:none;border:none;color:var(--primary);cursor:pointer;font-size:14px}
.forgot-link{font-size:14px;color:var(--primary)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}

/* ===== Messages/Threads ===== */
.messages-layout{display:grid;grid-template-columns:300px 1fr;gap:24px;min-height:600px}
.threads-list{flex:1}
.thread-item{display:flex;gap:12px;padding:16px;border-bottom:1px solid var(--soft-cloud);cursor:pointer;transition:background 0.2s}
.thread-item:hover,.thread-item.active{background:var(--soft-cloud)}
.thread-avatar{width:48px;height:48px;background:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600}
.thread-info{flex:1}
.thread-name{font-weight:600;font-size:14px;color:var(--ink-black)}
.thread-preview{font-size:13px;color:var(--ash-gray)}
.thread-detail{flex:1}
.thread-header{padding:20px;border-bottom:1px solid var(--soft-cloud)}
.thread-messages{flex:1;padding:20px;overflow-y:auto}
.thread-compose{display:flex;gap:12px;padding:20px;border-top:1px solid var(--soft-cloud)}
.thread-compose input{flex:1;padding:12px 16px;border:1px solid var(--hairline-gray);border-radius:var(--radius)}

/* ===== Notifications ===== */
.notifications-list{display:flex;flex-direction:column;gap:12px}
.notification-content{display:flex;gap:12px;padding:16px;background:var(--canvas-white);border-radius:var(--radius);box-shadow:0 1px 3px rgba(0,0,0,0.08)}
.notification-icon{width:40px;height:40px;background:var(--soft-cloud);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary)}
.notification-date{font-size:12px;color:var(--ash-gray)}

/* ===== Earnings/Payouts ===== */
.earnings-breakdown{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:24px}
.earnings-card{background:var(--canvas-white);border-radius:var(--radius-lg);padding:24px;box-shadow:0 1px 3px rgba(0,0,0,0.08)}
.earnings-label{font-size:13px;color:var(--ash-gray);margin-bottom:8px}
.earnings-value{font-size:28px;font-weight:700;color:var(--ink-black)}
.earnings-summary{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);border-radius:var(--radius-lg);padding:32px;color:#fff}
.payouts-list{display:flex;flex-direction:column;gap:12px}
.payout-info{display:flex;justify-content:space-between;padding:16px;background:var(--canvas-white);border-radius:var(--radius);box-shadow:0 1px 3px rgba(0,0,0,0.08)}
.payout-history{background:var(--soft-cloud);padding:20px;border-radius:var(--radius)}

/* ===== Orders ===== */
.orders-list{display:flex;flex-direction:column;gap:16px}
.order-card{background:var(--canvas-white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,0.08)}
.order-header{display:flex;justify-content:space-between;padding:20px;border-bottom:1px solid var(--soft-cloud)}
.order-id{font-weight:600;font-size:14px}
.order-date{font-size:13px;color:var(--ash-gray)}
.order-info{display:flex;gap:24px;padding:16px 20px}
.order-details{flex:1}
.order-item{font-size:14px;color:var(--charcoal);margin-bottom:4px}
.order-total{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-top:1px solid var(--soft-cloud);font-weight:600}
.order-body{padding:20px}
.order-footer{padding:16px 20px;background:var(--soft-cloud)}

/* ===== Favorites ===== */
.favorites-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}
.favorite-item{background:var(--canvas-white);border-radius:var(--radius-lg);padding:20px;box-shadow:0 1px 3px rgba(0,0,0,0.08)}
.favorite-title{font-weight:600;font-size:14px;margin-bottom:8px}
.favorite-price{font-size:20px;font-weight:700;color:var(--primary)}

/* ===== Profile ===== */
.profile-avatar{width:80px;height:80px;background:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;color:#fff;font-weight:700}
.profile-info h2{font-size:24px;font-weight:600;margin-bottom:4px}
.profile-info p{color:var(--ash-gray)}

/* ===== Data Stats ===== */
.data-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px}
.data-stat{background:var(--canvas-white);border-radius:var(--radius-lg);padding:20px;text-align:center;box-shadow:0 1px 3px rgba(0,0,0,0.08)}
.data-stat-value{font-size:28px;font-weight:700;color:var(--ink-black);display:block}
.data-stat-label{font-size:13px;color:var(--ash-gray)}
.stats-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}
.stats-card{background:var(--canvas-white);border-radius:var(--radius-lg);padding:20px;box-shadow:0 1px 3px rgba(0,0,0,0.08)}

/* ===== Marketplaces Grid ===== */
.marketplaces-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}

/* ===== Footer ===== */
.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:48px;padding:60px 0}
.footer-logo{display:flex;align-items:center;gap:12px;font-size:21px;font-weight:600;color:#fff;margin-bottom:16px}
.footer-brand{color:rgba(255,255,255,0.7);font-size:14px;line-height:1.7}
.footer-links-column h4{font-size:14px;font-weight:600;color:#fff;margin-bottom:20px}
.footer-links{list-style:none}
.footer-links li{margin-bottom:12px}
.footer-links a{color:rgba(255,255,255,0.7);font-size:14px;transition:color 0.2s}
.footer-links a:hover{color:#fff}
.footer-newsletter{background:rgba(255,255,255,0.05);border-radius:var(--radius-lg);padding:24px}
.footer-newsletter h4{font-size:14px;font-weight:600;color:#fff;margin-bottom:16px}
.newsletter-form{display:flex;gap:8px}
.newsletter-form input{flex:1;padding:12px 16px;border:1px solid rgba(255,255,255,0.2);border-radius:var(--radius);background:rgba(255,255,255,0.05);color:#fff;font-size:14px}
.newsletter-form input::placeholder{color:rgba(255,255,255,0.5)}
.footer-region-group{margin-bottom:24px}
.footer-region-group h4{font-size:14px;font-weight:600;color:#fff;margin-bottom:12px}
.social-links{display:flex;gap:12px}
.social-link{width:40px;height:40px;background:rgba(255,255,255,0.1);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;transition:all 0.2s}
.social-link:hover{background:var(--primary);transform:translateY(-2px)}

/* ===== Dropdown ===== */
.dropdown-divider{height:1px;background:var(--soft-cloud);margin:8px 0}
.dropdown-item{padding:10px 16px;font-size:14px;color:var(--charcoal);cursor:pointer;transition:background 0.2s}
.dropdown-item:hover{background:var(--soft-cloud)}
.user-dropdown{position:absolute;top:100%;right:0;min-width:200px;background:var(--canvas-white);border-radius:var(--radius);box-shadow:0 4px 12px rgba(0,0,0,0.15);padding:8px 0;z-index:100}
.user-menu{position:relative}
.user-menu-btn{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--radius);cursor:pointer}
.user-menu-btn:hover{background:var(--soft-cloud)}

/* ===== Badge ===== */
.badge{font-size:11px;font-weight:600;padding:4px 10px;border-radius:20px;text-transform:uppercase}
.badge-dot{width:8px;height:8px;border-radius:50%;display:inline-block}
.live-indicator{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--success)}
.live-indicator .badge-dot{background:var(--success);animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}

/* ===== Listings Table ===== */
.listings-table{width:100%;border-collapse:collapse}
.listings-table th,.listings-table td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--soft-cloud)}
.listings-table th{font-size:12px;font-weight:600;color:var(--ash-gray);text-transform:uppercase}
.listings-table td{font-size:14px}
.listing-item{display:flex;align-items:center;gap:12px}
.listing-info{flex:1}
.listing-sales{font-size:13px;color:var(--ash-gray)}

/* ===== Settings Page ===== */
.settings-page{padding-top:80px}
.settings-content{max-width:800px}
.settings-grid{display:grid;grid-template-columns:200px 1fr;gap:40px}
.settings-nav{list-style:none}
.settings-nav-item a{display:block;padding:12px 16px;border-radius:var(--radius);color:var(--charcoal);font-size:14px;transition:all 0.2s}
.settings-nav-item a:hover{background:var(--soft-cloud)}
.settings-nav-item.active a{background:var(--primary);color:#fff}
.settings-section{background:var(--canvas-white);border-radius:var(--radius-lg);padding:24px;margin-bottom:24px;box-shadow:0 1px 3px rgba(0,0,0,0.08)}
.settings-section h2{font-size:18px;font-weight:600;margin-bottom:20px}
.settings-form .form-group{margin-bottom:20px}
.settings-form label{display:block;font-size:14px;font-weight:500;margin-bottom:8px}
.settings-form input,.settings-form select,.settings-form textarea{width:100%;padding:12px 16px;border:1px solid var(--hairline-gray);border-radius:var(--radius);font-size:14px}
.settings-form input:focus,.settings-form select:focus,.settings-form textarea:focus{outline:none;border-color:var(--primary)}
.danger-zone{border:1px solid var(--error-red);border-radius:var(--radius);padding:20px}
.danger-zone h3{color:var(--error-red);margin-bottom:12px}
.danger-action{margin-top:12px}
.btn-danger{background:var(--error-red);color:#fff}

/* ===== Tabs ===== */
.tab-content{display:none}
.tab-content.active{display:block}

/* ===== Toggle ===== */
.toggle-label{display:flex;align-items:center;justify-content:space-between;padding:12px 0}
.toggle-text{font-size:14px;color:var(--charcoal)}
.toggle-password{font-size:14px;color:var(--primary);cursor:pointer}

/* ===== Password Strength ===== */
.password-strength{margin-top:12px}
.strength-bar{height:4px;background:var(--soft-cloud);border-radius:2px;overflow:hidden}
.strength-text{font-size:12px;color:var(--ash-gray);margin-top:4px}

/* ===== Export ===== */
.export-preview{background:var(--soft-cloud);border-radius:var(--radius);padding:20px;margin-bottom:20px}
.export-buttons{display:flex;gap:12px}

/* ===== Alert Preview ===== */
.alert-preview{background:var(--canvas-white);border-radius:var(--radius-lg);padding:20px;box-shadow:0 1px 3px rgba(0,0,0,0.08);margin-bottom:16px;display:flex;justify-content:space-between;align-items:center}
.alert-preview h4{font-size:14px;font-weight:600;margin-bottom:4px}
.alert-preview p{font-size:13px;color:var(--ash-gray)}

/* ===== Price ===== */
.price{font-size:22px;font-weight:700;color:var(--primary)}
.amount{font-size:28px;font-weight:700;color:var(--ink-black)}

/* ===== Highlight ===== */
.highlight{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}

/* ===== Features ===== */
.feature-icon{font-size:24px;color:var(--primary);margin-bottom:12px}
.feature-icon-bg{width:56px;height:56px;background:rgba(255,56,92,0.1);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.feature-list{list-style:none;padding:0}
.feature-list li{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}
.feature-list li i{color:var(--success);margin-top:4px}
.feature-visual{text-align:center}
.feature-card{background:var(--canvas-white);border-radius:var(--radius-lg);padding:32px;box-shadow:0 1px 3px rgba(0,0,0,0.08)}
.feature-card-enhanced{background:var(--canvas-white);border-radius:var(--radius-lg);padding:32px;box-shadow:0 8px 24px rgba(0,0,0,0.12);transform:translateY(-8px)}

/* ===== Link Section ===== */
.link-section{background:var(--soft-cloud);border-radius:var(--radius-lg);padding:20px}
.link-section h3{font-size:16px;font-weight:600;margin-bottom:12px}

/* ===== Filter Bar ===== */
.filter-bar{display:flex;gap:16px;flex-wrap:wrap;align-items:center;padding:20px;background:var(--canvas-white);border-radius:var(--radius-lg);margin-bottom:24px}
.filter-preview{display:flex;gap:8px;flex-wrap:wrap}
.select-filter{padding:10px 14px;border:1px solid var(--hairline-gray);border-radius:var(--radius);font-size:14px;background:var(--canvas-white)}

/* ===== Stat Info ===== */
.stat-info{display:flex;flex-direction:column;gap:2px}
.stat-content{display:flex;flex-direction:column;gap:4px}

/* ===== Empty State ===== */
.empty-state{text-align:center;padding:60px 20px}
.empty-icon{font-size:48px;color:var(--stone-gray);margin-bottom:16px}
.empty-message{font-size:16px;color:var(--ash-gray);margin-bottom:20px}
.error-state{text-align:center;padding:60px 20px;color:var(--error-red)}
.loading-spinner{text-align:center;padding:60px 20px}
.loading-spinner i{font-size:32px;animation:spin 1s linear infinite}
@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}

/* ===== About Website ===== */
.about-website{background:var(--soft-cloud);padding:20px;border-radius:var(--radius);margin-top:20px}
.about-website h3{font-size:16px;font-weight:600;margin-bottom:12px}

/* ===== Dashboard Section ===== */
.dashboard-section{background:var(--canvas-white);border-radius:var(--radius-lg);padding:24px;margin-bottom:24px;box-shadow:0 1px 3px rgba(0,0,0,0.08)}

/* ===== Author Info ===== */
.author-info{display:flex;align-items:center;gap:12px;padding:16px;background:var(--soft-cloud);border-radius:var(--radius)}
.author-info img{width:48px;height:48px;border-radius:50%}

/* ===== Trend Line ===== */
.trend-line{display:inline-block;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:500}
.trend-line.up{background:rgba(16,185,129,0.1);color:var(--success)}
.trend-line.down{background:rgba(239,68,68,0.1);color:var(--error-red)}

/* ===== CTA Content ===== */
.cta-box{background:linear-gradient(135deg,#0f172a 0%,#1e3a5f 100%);border-radius:var(--radius-lg);padding:48px;text-align:center;color:#fff}
.cta-content h2{font-size:32px;font-weight:700;margin-bottom:16px}
.cta-content p{font-size:18px;opacity:0.8;margin-bottom:24px}
.cta-bg-pattern{position:absolute;inset:0;pointer-events:none}
.cta-row{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.cta-trust{font-size:14px;opacity:0.7}

/* ===== Hero Content ===== */
.hero-content{position:relative;z-index:1;text-align:center;max-width:700px;margin:0 auto}
.hero-image{text-align:center;margin-top:40px}
.hero-subtitle{font-size:18px;opacity:0.8;margin-bottom:24px}
.hero-title{font-size:48px;font-weight:700;margin-bottom:16px}

/* ===== Listing Detail Content ===== */
.listing-detail-content{flex:1}
.listing-detail-content h1{font-size:32px;font-weight:700;margin-bottom:16px}
.listings-table{width:100%;border-collapse:collapse}
.listings-table tr:hover td{background:var(--soft-cloud)}

/* ===== Recent List ===== */
.recent-list{display:flex;flex-direction:column;gap:12px}

/* ===== Transactions List ===== */
.transactions-list{display:flex;flex-direction:column;gap:12px}
.transactions-list>div{display:flex;justify-content:space-between;padding:16px;background:var(--canvas-white);border-radius:var(--radius);box-shadow:0 1px 3px rgba(0,0,0,0.08)}

/* ===== Region Preview ===== */
.region-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-top:32px}
.region-card{background:var(--canvas-white);border-radius:var(--radius-lg);padding:24px;box-shadow:0 1px 3px rgba(0,0,0,0.08);text-align:center}
.region-icon{width:56px;height:56px;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:24px;color:#fff}
.region-info h3{font-size:18px;font-weight:600;margin-bottom:8px}
.region-info p{font-size:14px;color:var(--ash-gray)}

/* ===== Continent ===== */
.continent{display:flex;align-items:center;gap:8px;padding:12px;background:var(--soft-cloud);border-radius:var(--radius);margin-bottom:8px}
.continent-dot{width:10px;height:10px;border-radius:50%}

/* ===== Country ===== */
.country-count{font-size:14px;color:var(--ash-gray);margin-top:8px}
.country-pills{display:flex;flex-wrap:wrap;gap:8px}
.country-pill{padding:6px 14px;background:var(--canvas-white);border:1px solid var(--hairline-gray);border-radius:20px;font-size:13px;cursor:pointer;transition:all 0.2s}
.country-pill:hover{border-color:var(--primary);color:var(--primary)}
.flag{font-size:20px}

/* ===== Info Label/Value ===== */
.info-label{font-size:13px;color:var(--ash-gray);margin-bottom:4px}
.info-value{font-size:16px;font-weight:600;color:var(--ink-black)}

/* ===== Filter Group ===== */
.filter-group{margin-bottom:16px}
.filter-group label{display:block;font-size:13px;font-weight:500;color:var(--charcoal);margin-bottom:6px}

/* ===== Content Header ===== */
.content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}

/* ===== Footer Brand ===== */
.footer-brand-column{max-width:300px}

/* ===== Type Badge ===== */
.type-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}
.type-badge.pr{background:rgba(67,97,238,0.1);color:#4361ee}
.type-badge.guest{background:rgba(16,185,129,0.1);color:#10b981}

/* ===== Seller Badge ===== */
.seller-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:rgba(245,158,11,0.1);color:var(--warning);border-radius:20px;font-size:12px;font-weight:600}

/* ===== Testimonial ===== */
.testimonial{background:var(--canvas-white);border-radius:var(--radius-lg);padding:32px;box-shadow:0 1px 3px rgba(0,0,0,0.08)}
.testimonial p{font-size:16px;line-height:1.7;color:var(--charcoal);font-style:italic;margin-bottom:20px}
.testimonial cite{font-size:14px;color:var(--ash-gray)}

/* ===== Name ===== */
.name{font-weight:600}

/* ===== User Avatar ===== */
.user-avatar{width:40px;height:40px;background:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:16px}
.user-name{font-weight:600;font-size:14px}
.user-email{font-size:12px;opacity:0.7}
.user-info{display:flex;flex-direction:column;gap:2px}

/* ===== Sidebar Profile ===== */
.sidebar-profile{padding:20px;text-align:center;border-bottom:1px solid rgba(255,255,255,0.1)}
.sidebar-nav{list-style:none;padding:16px 0;flex:1}
.sidebar-nav li a{display:flex;align-items:center;gap:12px;padding:12px 20px;color:rgba(255,255,255,0.7);transition:all 0.2s}
.sidebar-nav li a:hover,.sidebar-nav li.active a{background:rgba(255,255,255,0.1);color:#fff}
.sidebar-nav li.active a{border-left:3px solid var(--primary);padding-left:17px}
.sidebar-nav i{width:20px;text-align:center}
.sidebar-header{padding:20px;display:flex;align-items:center;gap:12px}
.sidebar-header .logo{color:#fff;font-size:18px;font-weight:700;display:flex;align-items:center;gap:10px}
.sidebar-header .logo i{font-size:22px;color:var(--primary)}
.sidebar-footer{padding:16px 20px;border-top:1px solid rgba(255,255,255,0.1)}
.sidebar-footer a{display:flex;align-items:center;gap:10px;color:rgba(255,255,255,0.7);font-size:14px}
.sidebar-footer a:hover{color:#fff}
.sidebar-user{padding:16px 20px;border-bottom:1px solid rgba(255,255,255,0.1);display:flex;align-items:center;gap:12px}

/* ===== Alerts List ===== */
.alerts-list{display:flex;flex-direction:column;gap:16px}

/* ===== Settings Card ===== */
.settings-card{background:var(--canvas-white);border-radius:var(--radius-lg);padding:24px;margin-bottom:20px;box-shadow:0 1px 3px rgba(0,0,0,0.08)}
.settings-card h3{font-size:16px;font-weight:600;margin-bottom:16px}

/* ===== Form Section ===== */
.form-section{background:var(--canvas-white);border-radius:var(--radius-lg);padding:24px;margin-bottom:20px}
.form-section h3{font-size:16px;font-weight:600;margin-bottom:20px}

/* ===== Main Content ===== */
.main-content{margin-left:260px;flex:1;padding:30px 40px}

/* ===== Pulse Animation ===== */
.pulse{animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}

/* ===== Period ===== */
.period{font-size:13px;color:var(--ash-gray)}

/* ===== Breadcrumb ===== */
.breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--ash-gray);margin-bottom:24px}
.breadcrumb a{color:var(--charcoal)}
.breadcrumb a:hover{color:var(--primary)}
.breadcrumb i{font-size:10px}

/* ===== Chart Container ===== */
.chart-container{position:relative;height:300px}

/* ===== Comparison Section ===== */
.comparison-section{grid-column:1 / -1}
.comparison-bars{display:flex;flex-direction:column;gap:16px}

/* ===== Hero Stats ===== */
.hero-stats{display:flex;gap:40px}
.hero-stat{display:flex;align-items:center;gap:12px}
.hero-stat-icon{width:48px;height:48px;background:rgba(255,255,255,0.15);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px}
.hero-stat-number{font-size:20px;font-weight:700}
.hero-stat-label{font-size:11px;opacity:0.7}

/* ===== Standalone Classes for Universal Use ===== */
.header-left{display:flex;flex-direction:column;gap:4px}
.header-left h1{font-size:28px;font-weight:700;color:var(--ink-black);margin-bottom:4px}
.header-left p{font-size:15px;color:var(--ash-gray);margin:0}
.nav-item{display:block}
.nav-item a{display:flex;align-items:center;gap:12px;padding:12px 20px;color:rgba(255,255,255,0.7);text-decoration:none;font-size:14px;transition:all 0.2s}
.nav-item a:hover,.nav-item.active a{background:rgba(255,255,255,0.1);color:#fff}
.nav-item.active a{border-left:3px solid var(--primary);padding-left:17px}
.nav-item i{width:20px;text-align:center}
.nav-menu{list-style:none;padding:0;margin:0}
.sidebar{display:flex;flex-direction:column;height:100%}
.stat-value{font-size:26px;font-weight:700;color:var(--ink-black)}
.btn-loader{display:none}
.btn-loader i{animation:spin 1s linear infinite}
.about-main{flex:1}
.about-main h2{font-size:28px;font-weight:600;margin-bottom:16px}
.about-main h3{font-size:20px;font-weight:600;margin:24px 0 12px}
.cta-content{text-align:center}
.cta-content h2{font-size:32px;font-weight:700;margin-bottom:16px}
.error-code{font-size:120px;font-weight:700;color:var(--primary);line-height:1}
.error-message{font-size:18px;color:var(--ash-gray);margin-bottom:40px}
.error-title{font-size:32px;font-weight:600;margin-bottom:16px}
.features-card{background:var(--canvas-white);border-radius:var(--radius-lg);padding:32px;box-shadow:0 1px 3px rgba(0,0,0,0.08)}
.footer-links-column h4{font-size:14px;font-weight:600;color:#fff;margin-bottom:20px}
.password-input{position:relative;display:flex;align-items:center}
.password-input input{padding-right:40px}
.password-input .toggle-password{position:absolute;right:12px;background:none;border:none;cursor:pointer;color:var(--ash-gray)}
.price-main{font-size:36px;font-weight:700;color:var(--ink-black)}
.profile-info h2{font-size:24px;font-weight:600;margin-bottom:4px}
.profile-info p{color:var(--ash-gray)}
.settings-form .form-group{margin-bottom:20px}
.settings-form label{display:block;font-size:14px;font-weight:500;margin-bottom:8px}
.settings-nav-item{display:block;padding:12px 16px;border-radius:var(--radius);color:var(--charcoal);font-size:14px;transition:all 0.2s;cursor:pointer}
.settings-nav-item:hover{background:var(--soft-cloud)}
.settings-nav-item.active{background:var(--primary);color:#fff}

/* ===== Services Pages Additional Styles ===== */
.service-page{min-height:100vh;padding-top:80px}
.hero-banner{position:relative;padding:120px 0 80px;overflow:hidden}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#0f172a 0%,#1e3a5f 50%,#0f172a 100%)}
.hero-particles{position:absolute;inset:0;background-image:radial-gradient(circle at 20% 50%,rgba(255,255,255,0.1) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(255,255,255,0.05) 0%,transparent 50%)}
.hero-content-center{position:relative;z-index:1;text-align:center;max-width:700px;margin:0 auto}
.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;background:rgba(255,255,255,0.1);border-radius:50px;font-size:14px;font-weight:500;color:#fff;margin-bottom:20px;backdrop-filter:blur(10px)}
.text-gradient{background:linear-gradient(135deg,#ff385c 0%,#ff6b6b 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero-lead{font-size:18px;opacity:0.9;margin-bottom:24px;line-height:1.7}
.hero-Trustbadges{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:24px}
.trust-badge{display:flex;align-items:center;gap:8px;padding:10px 18px;background:rgba(255,255,255,0.1);border-radius:8px;font-size:13px;color:#fff;backdrop-filter:blur(10px)}
.hero-wave{position:absolute;bottom:0;left:0;right:0}
.hero-wave svg{display:block}
.pricing-table{width:100%;border-collapse:collapse;background:var(--canvas-white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,0.08)}
.pricing-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;padding:16px 20px;border-bottom:1px solid var(--soft-cloud);align-items:center}
.pricing-row:last-child{border-bottom:none}
.pricing-row.featured{background:rgba(255,56,92,0.03);border-left:3px solid var(--primary)}
.pricing-tier{font-weight:600}
.pricing-da{text-align:center;font-size:14px;color:var(--ash-gray)}
.pricing-price{text-align:center;font-weight:700;color:var(--primary)}
.pricing-features{text-align:center}
.footer-top{background:var(--gray-900);padding:60px 0 40px}
.footer-main-grid{display:grid;grid-template-columns:1fr repeat(3,auto);gap:48px}
.footer-column h4{font-size:16px;font-weight:600;margin-bottom:20px;color:#fff}
.footer-content{color:rgba(255,255,255,0.7);font-size:14px;line-height:1.7}
.footer-links-column h4{font-size:14px;font-weight:600;color:#fff;margin-bottom:16px}
.footer-region{margin-bottom:24px}
.footer-region-links{display:flex;flex-wrap:wrap;gap:12px}
.footer-region-links a{color:rgba(255,255,255,0.7);font-size:13px;transition:color 0.2s}
.footer-region-links a:hover{color:#fff}
.newsletter-input-group{display:flex;gap:8px}
.newsletter-input-group input{flex:1;padding:12px 16px;border:1px solid rgba(255,255,255,0.2);border-radius:var(--radius);background:rgba(255,255,255,0.05);color:#fff;font-size:14px}
.newsletter-input-group button{padding:12px 20px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius);cursor:pointer}
.category-info{text-align:center;padding:40px 20px}
.category-info h2{font-size:32px;font-weight:700;margin-bottom:12px}
.category-info p{font-size:18px;opacity:0.8}
.column-content{flex:1}
.column-visual{flex:1;text-align:center}
.two-column-layout{display:flex;gap:60px;align-items:center}
.features-list{list-style:none;padding:0;margin:0}
.features-list li{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px;font-size:16px}
.features-list li i{color:var(--primary);margin-top:4px}
.countries-grid-section{margin-top:40px}
.countries-grid-section h3{font-size:20px;font-weight:600;margin-bottom:20px}
.countries-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.dot{width:8px;height:8px;border-radius:50%;background:var(--primary);display:inline-block}
.guarantee-content{display:flex;align-items:center;gap:20px;padding:24px;background:var(--soft-cloud);border-radius:var(--radius-lg)}
.guarantee-content i{font-size:36px;color:var(--primary)}
.industry-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin-top:24px}
.industry-item{display:flex;align-items:center;gap:12px;padding:16px;background:var(--canvas-white);border-radius:var(--radius);box-shadow:0 1px 3px rgba(0,0,0,0.08)}
.industry-icon{width:40px;height:40px;background:var(--primary);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:#fff}
.price-range{font-size:13px;color:var(--ash-gray);margin-top:4px}
.pricing-card-body{padding:24px}
.pricing-card-header{padding:24px;border-bottom:1px solid var(--soft-cloud)}
.pricing-flag{font-size:24px;margin-right:8px}
.process-content h2{font-size:28px;font-weight:700;margin-bottom:24px}
.region-filter{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:32px}
.region-section{margin-bottom:40px}
.region-section h3{font-size:20px;font-weight:600;margin-bottom:16px}
.result-card{background:var(--canvas-white);border-radius:var(--radius-lg);padding:20px;box-shadow:0 1px 3px rgba(0,0,0,0.08);margin-bottom:16px}
.result-stat{font-size:28px;font-weight:700;color:var(--primary)}
.result-label{font-size:13px;color:var(--ash-gray)}
.result-desc{font-size:14px;color:var(--charcoal);margin-top:8px}
.results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}
.footer-column h4{font-size:16px;font-weight:600;margin-bottom:20px;color:#fff}
.footer-links-column h4{font-size:14px;font-weight:600;color:#fff;margin-bottom:16px}
.process-content h2{font-size:28px;font-weight:700;margin-bottom:24px}
.footer-column{color:#fff}
.footer-links-column{display:flex;flex-direction:column}
.profile-info{display:flex;flex-direction:column;gap:4px}
.settings-form{display:flex;flex-direction:column;gap:16px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.trust-badge-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:rgba(255,255,255,0.05);border-radius:var(--radius);font-size:13px;color:#fff;opacity:0.8}
.country-links{display:flex;flex-wrap:wrap;gap:8px}
.country-links a{color:rgba(255,255,255,0.7);text-decoration:none;font-size:13px;transition:opacity 0.2s}
.country-links a:hover{opacity:1;text-decoration:underline}
.payment-icons{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.payment-icons img{height:24px;opacity:0.7}
.payment-label{font-size:12px;color:rgba(255,255,255,0.5);margin-bottom:4px}
.toast-close{background:none;border:none;color:inherit;cursor:pointer;font-size:18px;opacity:0.6;padding:4px;line-height:1;transition:opacity 0.2s}
.toast-close:hover{opacity:1}
.toast{position:fixed;bottom:20px;right:20px;padding:16px 20px;background:var(--charcoal);color:#fff;border-radius:var(--radius);box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:12px;z-index:9999;max-width:400px;animation:slideIn 0.3s ease}
.toast.success{background:var(--success)}
.toast.error{background:var(--error)}
.toast.warning{background:var(--warning)}
@keyframes slideIn{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}
.process-content{padding:40px 0}

@media(max-width:1024px){
.listing-detail-grid{grid-template-columns:1fr}
.listing-sidebar{order:-1}
.price-card{position:static}
.metrics-grid{grid-template-columns:repeat(2,1fr)}
.related-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
.metrics-grid{grid-template-columns:1fr}
.related-grid{grid-template-columns:1fr}
.policy-grid{grid-template-columns:repeat(2,1fr)}
}