/* ============================================================
   LPD product line — landing / auth visual differentiation
   Blue #0033A0 · Gold · Red accents (logo-aligned)
   Loaded only when spx_is_lpd_product() — Koperasi theme untouched
   ============================================================ */

.landing-page.product-lpd,
body.product-lpd .landing-page,
.landing-page:has(body.product-lpd),
html.product-lpd .landing-page,
.product-lpd.landing-page {
  --ld-cream: #eef2f9;
  --ld-blush: #e2e8f4;
  --ld-peach: #d4dced;
  --ld-sage: #dce8f5;
  --ld-lavender: #e8e0ec;
  --ld-gold: #c9a227;
  --ld-brown: #1a3a6e;
  --ld-brown-dark: #0c1f4a;
  --ld-blue: #0033A0;
  --ld-blue-mid: #1a4fb8;
  --ld-red: #b91c1c;
}

.product-lpd.landing-page,
body.product-lpd {
  --ld-cream: #eef2f9;
  --ld-blush: #e2e8f4;
  --ld-peach: #d4dced;
  --ld-sage: #dce8f5;
  --ld-gold: #c9a227;
  --ld-brown: #1a3a6e;
  --ld-brown-dark: #0c1f4a;
  --spa-brown: #1a3a6e;
  --spa-gold: #c9a227;
}

.product-lpd.landing-page .landing-hero {
  background:
    linear-gradient(135deg, rgba(238,242,249,0.94) 0%, rgba(226,232,244,0.9) 42%, rgba(0,51,160,0.18) 100%),
    url('https://images.unsplash.com/photo-1540555700478-4be289fbecef?auto=format&fit=crop&w=1920&q=80') center/cover no-repeat;
}

.product-lpd.landing-page .landing-hero::after {
  background: radial-gradient(ellipse at 72% 28%, rgba(201,162,39,0.16) 0%, transparent 55%),
              radial-gradient(ellipse at 18% 70%, rgba(185,28,28,0.08) 0%, transparent 45%);
}

.product-lpd.landing-page .landing-hero h1 em {
  color: var(--ld-blue, #0033A0);
}

.product-lpd.landing-page .landing-hero-cta .btn-landing-primary {
  background: linear-gradient(135deg, #0033A0, #1a4fb8);
}

.product-lpd.landing-page .landing-nav.scrolled {
  background: rgba(238, 242, 249, 0.96);
  box-shadow: 0 4px 24px rgba(0, 51, 160, 0.1);
}

.product-lpd.landing-page .landing-nav .brand span,
.product-lpd.landing-page .landing-nav-links a:hover {
  color: var(--ld-gold, #c9a227);
}

.product-lpd.landing-page .landing-hero-badge {
  border-color: rgba(0, 51, 160, 0.28);
  color: var(--ld-blue, #0033A0);
}

.product-lpd.landing-page .feature-icon {
  background: linear-gradient(145deg, rgba(0,51,160,0.12), rgba(201,162,39,0.18));
  color: #0033A0;
}

.product-lpd.landing-page .landing-integration {
  background: linear-gradient(135deg, #0c1f4a 0%, #0033A0 55%, #1a3a6e 100%);
}

.product-lpd.landing-page .portal-card.member {
  border-color: rgba(0, 51, 160, 0.22);
}

.product-lpd.landing-page .portal-card.member .portal-card-icon {
  background: linear-gradient(145deg, #0033A0, #1a4fb8);
}

.product-lpd .hua-login-form.portal-anggota::before,
.product-lpd .hua-login-form.portal-member::before,
.product-lpd .hua-login-form.portal-agent::before {
  background: linear-gradient(180deg, #0033A0, #c9a227, #b91c1c);
}

.product-lpd .hua-login-form.portal-operator::before {
  background: linear-gradient(180deg, #c9a227, #0033A0, #c9a227);
}

.product-lpd .hua-login-form.portal-pengawas::before,
.product-lpd .hua-login-form.portal-audit::before {
  background: linear-gradient(180deg, #c9a227, #0033A0, #1a3a6e);
}

/* LPD auth buttons / badges — blue–gold, not purple */
.product-lpd .portal-anggota .btn-spa-login,
.product-lpd .portal-member .btn-spa-login {
  background: linear-gradient(135deg, #0033A0, #1a4fb8);
}
.product-lpd .portal-anggota .btn-spa-login:hover,
.product-lpd .portal-member .btn-spa-login:hover {
  background: linear-gradient(135deg, #1a4fb8, #0033A0);
  box-shadow: 0 6px 18px rgba(0, 51, 160, 0.32);
}
.product-lpd .portal-anggota .portal-badge,
.product-lpd .portal-member .portal-badge {
  background: linear-gradient(135deg, #0033A0, #c9a227);
}
.product-lpd .portal-anggota .hua-brand-name,
.product-lpd .portal-member .hua-brand-name {
  color: #0c1f4a;
}
.product-lpd .portal-anggota .hua-brand-location,
.product-lpd .portal-member .hua-brand-location {
  color: #1a4fb8;
}

.product-lpd .portal-pengawas .btn-spa-login,
.product-lpd .portal-audit .btn-spa-login {
  background: linear-gradient(135deg, #1a3a6e, #c9a227);
}
.product-lpd .portal-pengawas .btn-spa-login:hover,
.product-lpd .portal-audit .btn-spa-login:hover {
  background: linear-gradient(135deg, #0033A0, #c9a227);
  box-shadow: 0 6px 18px rgba(26, 58, 110, 0.3);
}
.product-lpd .portal-pengawas .portal-badge,
.product-lpd .portal-audit .portal-badge {
  background: linear-gradient(135deg, #c9a227, #0033A0);
}
.product-lpd .portal-pengawas .hua-brand-name,
.product-lpd .portal-audit .hua-brand-name {
  color: #0c1f4a;
}
.product-lpd .portal-pengawas .hua-brand-location,
.product-lpd .portal-audit .hua-brand-location {
  color: #1a3a6e;
}

.product-lpd .hua-login {
  background: #0c1f4a;
}
.product-lpd .hua-login-visual {
  background: #0c1f4a;
}
.product-lpd .hua-login-form {
  background: linear-gradient(180deg, #eef2f9 0%, #f8fafc 50%, #e2e8f4 100%);
}
.product-lpd .hua-login-card {
  background: rgba(255, 255, 255, 0.9);
  box-shadow:
    0 20px 50px rgba(0, 51, 160, 0.1),
    0 0 0 1px rgba(201, 162, 39, 0.22);
}
.product-lpd .hua-login-dot.is-active,
.product-lpd .hua-login-dot:hover {
  background: #c9a227;
  border-color: #c9a227;
}