/* ===================================================
   Skema B — Biru Laut (Indonesia)
   Utama: biru kepercayaan + oranye CTA + aksen cyan
   =================================================== */
:root {
  --em-primary: #1565C0;
  --em-primary-dark: #0D47A1;
  --em-primary-deep: #0A3D7A;
  --em-primary-light: #29B6F6;
  --em-primary-bright: #42A5F5;
  --em-mint: #B3E5FC;
  --em-mint-soft: rgba(179, 229, 252, 0.55);

  --em-bg-dark: #0D1B2A;
  --em-bg-mid: #1B3A5C;
  --em-bg-footer: #0A1628;
  --em-bg-light: #E3F2FD;
  --em-bg-light-mid: #BBDEFB;
  --em-bg-light-end: #F5FAFF;

  --em-gold: #FFB300;
  --em-gold-mid: #FF8F00;
  --em-gold-deep: #F57C00;

  --em-red: #FF8F00;

  --em-text: #1A2E3B;
  --em-text-nav: #1A3A5C;
  --em-text-heading: #0D1B2A;
  --em-text-muted: #546E7A;
  --em-text-soft: #607D8B;
  --em-text-footer: #B3E5FC;
  --em-text-footer-muted: #90CAF9;

  --em-header-bg: rgba(227, 242, 253, 0.82);
  --em-header-bg-scroll: rgba(227, 242, 253, 0.94);
  --em-header-border: rgba(144, 202, 249, 0.55);
  --em-card-border: rgba(144, 202, 249, 0.48);
  --em-shadow: rgba(13, 27, 42, 0.1);
  --em-shadow-strong: rgba(21, 101, 192, 0.32);

  --em-hero-grad: linear-gradient(145deg, var(--em-bg-dark) 0%, var(--em-bg-mid) 46%, var(--em-primary) 100%);
  --em-body-grad: radial-gradient(ellipse 80% 46% at 10% -8%, rgba(66, 165, 245, 0.2), transparent 54%),
    radial-gradient(ellipse 55% 38% at 100% 108%, rgba(13, 71, 161, 0.1), transparent 50%),
    linear-gradient(180deg, var(--em-bg-light) 0%, var(--em-bg-light-mid) 42%, var(--em-bg-light-end) 100%);
  --em-btn-primary: linear-gradient(115deg, rgba(255, 255, 255, 0.55) 0%, rgba(255, 255, 255, 0) 28%, rgba(255, 255, 255, 0.15) 44%, transparent 58%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.28) 0%, rgba(255, 255, 255, 0.04) 36%, transparent 58%),
    linear-gradient(145deg, #FFB74D 0%, var(--em-gold-mid) 50%, var(--em-gold-deep) 100%);
}

/* ---- Body & overlay ---- */
body {
  color: var(--em-text) !important;
  background: var(--em-body-grad) !important;
}

body::after {
  background: repeating-linear-gradient(122deg, rgba(255, 255, 255, 0.09) 0 1px, transparent 1px 8px),
    repeating-linear-gradient(-20deg, rgba(21, 101, 192, 0.06) 0 1px, transparent 1px 12px) !important;
}

::selection {
  background: rgba(21, 101, 192, 0.22);
  color: var(--em-text-heading);
}

/* ---- Header ---- */
.header,
.bronze-7d23 {
  background: var(--em-header-bg) !important;
  box-shadow: 0 3px 0 var(--em-red), 0 10px 36px var(--em-shadow) !important;
  border-bottom: 1px solid var(--em-header-border) !important;
}

.header.scrolled,
.bronze-7d23.outline-d754 {
  background: var(--em-header-bg-scroll) !important;
  box-shadow: 0 3px 0 var(--em-red), 0 12px 40px rgba(13, 27, 42, 0.12) !important;
}

.nav-menu a,
.inner_5183 a {
  color: var(--em-text-nav) !important;
}

.nav-menu a:hover,
.nav-menu a.nav-current,
.inner_5183 a:hover,
.inner_5183 a.fn-active-6844 {
  color: var(--em-primary) !important;
}

.nav-menu a::after,
.inner_5183 a::after {
  background: var(--em-primary-light) !important;
}

/* ---- Tombol ---- */
.btn-primary,
.blue_852f,
.notice_yellow_4e92.blue_852f,
.solid-f396 {
  background: var(--em-btn-primary) !important;
  color: #fff !important;
  border: 1px solid rgba(255, 255, 255, 0.42) !important;
  box-shadow: 0 10px 28px rgba(245, 124, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.55), inset 0 -10px 18px rgba(183, 77, 0, 0.14) !important;
}

.btn-secondary,
.btn-outline,
.fluid_07bf,
.sidebar-12ae.fluid_07bf {
  color: var(--em-primary-dark) !important;
  border: 1px solid rgba(144, 202, 249, 0.75) !important;
  background: rgba(255, 255, 255, 0.48) !important;
}

.btn-secondary:hover,
.btn-outline:hover {
  color: var(--em-primary-dark) !important;
}

.nav-toggle,
.switch-8e41 {
  background: linear-gradient(145deg, var(--em-primary-light), var(--em-primary-deep)) !important;
}

/* ---- Hero & section gelap ---- */
.hero,
.tag_orange_fb2d {
  background: radial-gradient(ellipse 70% 48% at 16% 6%, rgba(179, 229, 252, 0.28), transparent 50%),
    radial-gradient(ellipse 34% 26% at 78% 14%, rgba(255, 255, 255, 0.12), transparent 52%),
    radial-gradient(ellipse 55% 45% at 92% 90%, rgba(5, 12, 24, 0.65), transparent 52%),
    var(--em-hero-grad) !important;
}

.download-section,
.purple-37dc,
.carousel-5049,
.dark-3e54 {
  background: radial-gradient(ellipse at 20% 0%, rgba(41, 182, 246, 0.22), transparent 45%),
    linear-gradient(135deg, var(--em-bg-dark) 0%, var(--em-bg-mid) 100%) !important;
  color: #fff !important;
}

.stats-bar {
  background: linear-gradient(90deg, #0A2744, #1565C0) !important;
  border-top-color: rgba(179, 229, 252, 0.2) !important;
  border-bottom-color: rgba(179, 229, 252, 0.14) !important;
}

.stat-number,
.dynamic-1529 {
  color: var(--em-gold) !important;
  text-shadow: 0 1px 8px rgba(255, 179, 0, 0.35);
}

/* ---- Judul & teks ---- */
.section-tag,
.over_c3a8,
.modal_927a,
.feature-kicker,
.showcase-kicker,
.guide-step-kicker,
.progress_30ee,
.hard_1151,
.idx-compat-h3 {
  color: var(--em-primary) !important;
}

.section-title,
.south_00e3,
.photo_645f {
  color: var(--em-text-heading) !important;
}

.section-desc,
.clean-956f,
.full-4b56 {
  color: var(--em-text-soft) !important;
}

.section-desc a,
.main_slow_c916 a,
.layout_fluid_f2ae a,
.about-lead a,
.idx-compat-lead a,
.idx-compat-foot a,
.app-tips-lead a {
  color: var(--em-primary) !important;
}

.hero-title strong,
.photo_645f strong,
.tag_orange_fb2d h1 strong {
  color: var(--em-mint) !important;
  text-shadow: 0 0 20px rgba(179, 229, 252, 0.45);
}

.hero-subtitle a,
.in_99c5 a {
  color: var(--em-mint) !important;
}

.hero-badge,
.disabled_eb50,
.hero-chip,
.hero-img-caption {
  border-color: rgba(144, 202, 249, 0.38) !important;
  background: rgba(179, 229, 252, 0.14) !important;
}

/* ---- Kartu & konten ---- */
.section-alt,
.thumbnail_d550,
.review-section {
  background: linear-gradient(135deg, rgba(227, 242, 253, 0.55) 0%, rgba(187, 222, 251, 0.38) 100%) !important;
}

.about-card,
.feature-card,
.showcase-card,
.progress_3887,
.tag-9506,
.main_slow_c916,
.hero-copper-bdb7,
.review-card,
.hover-glass-01c2,
.generated-main,
.policy-block,
.up-97e4,
.hero-copper-bdb7 {
  border-color: var(--em-card-border) !important;
}

.about-card,
.about-card:nth-child(1) {
  border-top-color: var(--em-primary-dark) !important;
}

.about-card:nth-child(2),
.progress_3887 {
  border-top-color: var(--em-gold-mid) !important;
}

.about-card:nth-child(3) {
  border-top-color: var(--em-gold) !important;
}

.about-card:nth-child(4) {
  border-top-color: var(--em-primary-light) !important;
}

.tag-9506,
.idx-compat-h3 {
  border-left-color: var(--em-primary-dark) !important;
}

.feature-card::before {
  background: linear-gradient(90deg, rgba(179, 229, 252, 0.85), var(--em-primary)) !important;
}

.feature-card--accent {
  background: linear-gradient(160deg, rgba(21, 101, 192, 0.82), rgba(10, 61, 122, 0.9)) !important;
  border-color: rgba(144, 202, 249, 0.32) !important;
}

.feature-card--accent::before {
  background: linear-gradient(90deg, var(--em-mint), var(--em-primary-light)) !important;
}

.feature-card--accent .feature-kicker,
.feature-card--accent .feature-stat,
.feature-card--accent .feature-icon {
  color: var(--em-mint) !important;
}

.feature-icon,
.guide-track-num,
.guide-step-num,
.feature-point::before,
.guide-track-num,
.block-pink-7c76 + .badge_lite_c77c {
  background: linear-gradient(145deg, var(--em-primary-light), var(--em-primary-deep)) !important;
}

.guide-track::before,
.guide-list::before {
  background: linear-gradient(90deg, var(--em-primary-light), var(--em-primary)) !important;
}

.feature-pill {
  background: rgba(187, 222, 251, 0.65) !important;
  border-color: rgba(144, 202, 249, 0.55) !important;
  color: var(--em-text-nav) !important;
}

.feature-stat {
  color: var(--em-primary) !important;
}

.review-tag {
  background: var(--em-mint-soft) !important;
  color: var(--em-primary) !important;
}

.review-stars,
.star-off {
  color: var(--em-gold-deep) !important;
}

.review-avatar {
  background: linear-gradient(145deg, var(--em-primary-light), var(--em-primary-deep)) !important;
}

.download-version {
  color: var(--em-mint) !important;
}

.download-card {
  border-color: rgba(144, 202, 249, 0.32) !important;
  background: rgba(179, 229, 252, 0.1) !important;
}

.download-card:hover {
  background: rgba(179, 229, 252, 0.18) !important;
}

/* ---- Index: tabel & versi ---- */
.idx-seo-table thead {
  background: linear-gradient(90deg, #0A2744, #1565C0) !important;
}

.idx-seo-table thead th {
  border-bottom-color: var(--em-gold-mid) !important;
}

.idx-seo-table tbody tr:nth-child(even) {
  background: rgba(227, 242, 253, 0.35) !important;
}

.idx-seo-table tbody tr:hover {
  background: rgba(187, 222, 251, 0.45) !important;
}

.idx-seo-table tbody th[scope="row"] {
  background: rgba(227, 242, 253, 0.55) !important;
  color: var(--em-text-nav) !important;
}

.idx-compare-table td strong,
.idx-status--ok {
  color: var(--em-primary) !important;
}

.idx-status--ok {
  background: rgba(21, 101, 192, 0.1) !important;
  border-color: rgba(21, 101, 192, 0.25) !important;
}

.idx-table-wrap.is-scrollable::after {
  color: var(--em-primary) !important;
}

.version-card.featured {
  border-color: var(--em-primary-light) !important;
}

.version-badge {
  background: var(--em-primary) !important;
}

/* ---- FAQ & form ---- */
.column-b825 {
  background: rgba(187, 222, 251, 0.65) !important;
}

.tall_e86a:focus {
  box-shadow: 0 0 0 3px rgba(21, 101, 192, 0.22), 0 6px 30px rgba(0, 0, 0, 0.12) !important;
}

.cool-f880:hover,
.aside_up_5c5b:hover .cool-f880 {
  color: var(--em-primary) !important;
}

/* ---- Footer ---- */
.footer,
.tag-cold-a7c7 {
  background: linear-gradient(180deg, var(--em-bg-dark), var(--em-bg-footer)) !important;
  color: var(--em-text-footer) !important;
}

.footer-bottom,
.dropdown-45f8 {
  color: var(--em-text-footer-muted) !important;
}

.footer-links a:hover,
.liquid_af14 a:hover {
  color: var(--em-mint) !important;
}

/* ---- Policy & SEO ---- */
.generated-seo h3,
.policy-block h2 {
  color: var(--em-primary) !important;
}

.accent_cool_e101 a {
  color: var(--em-primary) !important;
}

/* ---- Index: keamanan ---- */
.idx-secure-section {
  background: linear-gradient(165deg, rgba(13, 27, 42, 0.04) 0%, rgba(227, 242, 253, 0.7) 50%, rgba(245, 250, 255, 0.6) 100%) !important;
}

.idx-secure-split {
  border-color: rgba(21, 101, 192, 0.2) !important;
}

.idx-secure-icon {
  background: linear-gradient(145deg, var(--em-primary), #0D47A1) !important;
}

.idx-secure-aside {
  background: linear-gradient(180deg, var(--em-bg-dark) 0%, var(--em-primary) 100%) !important;
}

.idx-secure-band {
  border-left-color: var(--em-gold-mid) !important;
  background: linear-gradient(90deg, rgba(21, 101, 192, 0.08), rgba(255, 143, 0, 0.12)) !important;
}

.idx-compat-section {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.4) 0%, rgba(227, 242, 253, 0.55) 100%) !important;
}

.idx-pkg-section {
  border-color: rgba(144, 202, 249, 0.4) !important;
}