:root {
  color-scheme: dark;
  --green: #1a8f70;
  --green-soft: #11261f;
  --green-line: rgba(255, 255, 255, 0.09);
  --gold-soft: #2a2208;
  --gold-050: #2a2208;
  --sand: #1c2d27;
  --paper: #09130f;
  --cream: #050d0a;
  --ink: #edf5f1;
  --muted: #8fa89e;
  --white: #0d1a16;
  --mint: #4fe3b2;
  --gold-text: #ffd45f;
  --surface-hi: #13271f;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4), 0 6px 18px rgba(0, 0, 0, 0.3);
  --shadow: 0 24px 50px -22px rgba(0, 0, 0, 0.85), 0 2px 8px rgba(0, 0, 0, 0.4);
  --shadow-md: 0 34px 60px -26px rgba(0, 0, 0, 0.8);
  --shadow-lg: 0 50px 90px -30px rgba(0, 0, 0, 0.9);
  --glow-gold: 0 6px 16px -8px rgba(248, 184, 26, 0.55);
  --glow-gold-lg: 0 14px 28px -16px rgba(248, 184, 26, 0.55);
  --glow-green: 0 8px 20px -10px rgba(31, 160, 125, 0.55);
  --ring-gold-c: rgba(248, 184, 26, 0.24);
  --ring-green-c: rgba(79, 227, 178, 0.28);
}

body {
  background:
    radial-gradient(900px 480px at 50% -160px, rgba(31, 160, 125, 0.16), transparent 70%),
    radial-gradient(700px 420px at 100% 40%, rgba(248, 184, 26, 0.05), transparent 70%),
    var(--cream);
}

::placeholder { color: #5d766b; opacity: 1; }
input:-webkit-autofill {
  -webkit-text-fill-color: var(--ink);
  box-shadow: 0 0 0 1000px #11261f inset;
}

a, .btn-outline, .brand-text span, .chip .ico, .product-icon, .add-btn,
.shop-note .ico, .qty-controls button, .promo-msg, .totals .free, .check a,
.secure-note .ico, .success-ico, .success #order-id, .legal li::marker,
.compare-note::before, .drawer-title__ico, .step-icon, .cfg-icon, .cfg-back,
.ltr-example, .fold > summary, .show-more, .learn-card strong, .article h2,
.article__back, .step:nth-child(2) .step-icon { color: var(--mint); }
a:hover { color: var(--gold); }
.step-tag { color: var(--mint); }
.eyebrow, .step-num { color: var(--gold-text); }
.btn-gold, .btn-gold:hover, .product-badge, .cart-count, .step-badge,
.step:nth-child(3) .step-icon, .slide__kind, .slide__cta { color: #1d1500; }
.slider__nav { color: var(--green-dark); }
.btn-primary, .btn-primary:hover { color: #fff; }

.promo-banner, .promo-banner__text strong, .promo-code,
.balance-info--gift, .balance-info--gift p, .balance-info--reaction,
.balance-info--reaction p { color: var(--gold-text); }
.balance-info--gift .balance-info__lead,
.balance-info--reaction .balance-info__lead { color: #ffe5a1; }
.promo-banner {
  background: linear-gradient(180deg, rgba(248, 184, 26, 0.12), rgba(248, 184, 26, 0.06));
  border-color: rgba(248, 184, 26, 0.4);
}
.promo-banner__ico, .promo-code, .star-calc__ico, .star-calc__field,
.star-uses li, .ltr-example { background: #11231d; }
.balance-info {
  background: linear-gradient(180deg, rgba(59, 158, 245, 0.14), rgba(59, 158, 245, 0.07));
  border-color: rgba(59, 158, 245, 0.3);
  color: #bfe0f7;
}
.balance-info--gift, .balance-info--reaction {
  background: linear-gradient(180deg, rgba(248, 184, 26, 0.13), rgba(248, 184, 26, 0.06));
  border-color: rgba(248, 184, 26, 0.3);
}
.balance-info--trx {
  background: linear-gradient(180deg, rgba(239, 0, 39, 0.16), rgba(239, 0, 39, 0.07));
  border-color: rgba(239, 80, 100, 0.3);
  color: #ffc9d0;
}

.product-icon.gold, .cfg-icon--boost, .cfg-icon--gift, .cfg-icon--reaction {
  background: radial-gradient(120% 120% at 30% 8%, #4a390a 0%, #2c2207 60%, #1c1604 100%);
}
.step { background: linear-gradient(180deg, #102219, #0b1713); box-shadow: 0 14px 30px -22px #000; }
.step:nth-child(2) .step-icon { background: var(--green-soft); }
.step:nth-child(3) .step-icon { background: rgba(248, 184, 26, 0.16); color: var(--gold-text); }
.step-icon { background: var(--green-soft); }
.choice:hover, .dur:hover, .cfg-input:focus-within, .gift:hover, .plan:hover {
  background: var(--surface-hi);
}
.choice-check { border-color: rgba(255, 255, 255, 0.25); }
.price-was { color: #6f877d; }
.compare-wrap { border-color: var(--green-line); }

.site-header { background: rgba(5, 13, 10, 0.72); }
.site-header.is-scrolled { box-shadow: 0 10px 30px -18px #000; border-bottom-color: rgba(255, 255, 255, 0.08); }
.brand-mark { background: #1a2b25; }
.chip {
  background: rgba(10, 24, 19, 0.93);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: var(--ink);
}
.icon-btn { border-color: var(--green-line); }

.hero {
  background:
    radial-gradient(70% 55% at 88% 0%, rgba(248, 184, 26, 0.26), transparent 62%),
    radial-gradient(65% 55% at 0% 95%, rgba(31, 160, 125, 0.32), transparent 66%),
    radial-gradient(40% 30% at 50% 45%, rgba(31, 160, 125, 0.1), transparent 70%),
    linear-gradient(180deg, #06140f 0%, #050d0a 100%);
  isolation: isolate;
}
.hero::before {
  content: "";
  position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
  background-size: 44px 44px;
  -webkit-mask-image: radial-gradient(75% 70% at 50% 35%, #000 20%, transparent 78%);
  mask-image: radial-gradient(75% 70% at 50% 35%, #000 20%, transparent 78%);
}
.hero::after {
  content: "";
  position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background-image:
    radial-gradient(3px 3px at 12% 22%, #ffd45f, transparent 60%),
    radial-gradient(2.4px 2.4px at 78% 14%, #fff, transparent 60%),
    radial-gradient(3px 3px at 90% 48%, #ffd45f, transparent 60%),
    radial-gradient(2.4px 2.4px at 30% 62%, #fff, transparent 60%),
    radial-gradient(3px 3px at 8% 80%, #ffe08a, transparent 60%),
    radial-gradient(2.4px 2.4px at 62% 86%, #fff, transparent 60%),
    radial-gradient(2.4px 2.4px at 48% 8%, #ffe08a, transparent 60%);
  animation: dk-twinkle 5s ease-in-out infinite alternate;
}
@keyframes dk-twinkle { from { opacity: 0.35; } to { opacity: 1; } }
.hero h1 { text-shadow: 0 2px 40px rgba(31, 160, 125, 0.25); }
.hero h1 .hl {
  background: linear-gradient(100deg, #ffe08a 0%, #f8b81a 45%, #ffd45f 100%);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; color: transparent;
}
.hero-logo {
  box-shadow: var(--shadow-lg), var(--glow-gold-lg), 0 0 0 1px rgba(255, 255, 255, 0.1);
}
.trust-bar { background: rgba(255, 255, 255, 0.08); }
.trust-bar li { background: rgba(8, 22, 17, 0.88); }
.trust-bar strong { color: var(--gold-text); }

.btn-gold {
  position: relative; overflow: hidden;
  background: linear-gradient(180deg, #ffd45f, #f2ab0a);
  box-shadow: var(--glow-gold-lg), inset 0 1px 0 rgba(255, 255, 255, 0.5);
}

.btn-gold::after {
  background: linear-gradient(
    100deg,
    transparent 0%,
    rgba(255, 255, 255, 0.42) 38%,
    rgba(255, 255, 255, 0.85) 50%,
    rgba(255, 255, 255, 0.42) 62%,
    transparent 100%
  );
}
.btn-gold:hover { background: linear-gradient(180deg, #ffdd7a, #f8b81a); }
.btn-primary {
  background: linear-gradient(180deg, #20a07f, var(--green));
  box-shadow: 0 14px 30px -14px rgba(31, 160, 125, 0.8), inset 0 1px 0 rgba(255, 255, 255, 0.18);
}
.btn-primary:hover { background: linear-gradient(180deg, #25b08c, #1a8f70); }
.btn-ghost { border-color: rgba(255, 255, 255, 0.2); color: var(--ink); }

.section-tint { background: linear-gradient(180deg, var(--paper), #07110d); border-block: 1px solid rgba(255, 255, 255, 0.04); }
h2 { color: #f4faf7; }

.tabs { background: #0a1612; border-color: rgba(255, 255, 255, 0.08); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03); }
.tab[aria-pressed="true"] { color: #fff; }

.product, .feature, .learn-card, .cfg, .faq details, .cart-item, .compare-wrap {
  background: linear-gradient(180deg, #0f1f1a, #0b1714);
  border-color: rgba(255, 255, 255, 0.08);
}
.product:hover {
  border-color: rgba(248, 184, 26, 0.4);
  box-shadow: var(--shadow-lg), var(--glow-gold), var(--glow-gold-lg);
}
.product::after { background: radial-gradient(circle, rgba(248, 184, 26, 0.22), transparent 70%); }
.product.is-popular {
  border-color: rgba(248, 184, 26, 0.65);
  background: linear-gradient(180deg, #17210f, #0d1713);
  box-shadow: var(--glow-gold), var(--glow-gold-lg);
}
.price { color: #fff; }
.feature:hover, .step:hover { border-color: rgba(31, 160, 125, 0.45); }
.add-btn { background: #11261f; border-color: rgba(31, 160, 125, 0.35); }
.add-btn:hover { background: var(--green); color: #fff; }

.choice, .dur, .cfg-input, .gift, .plan, .cfg-back { background: #0c1915; }
.choice.is-selected, .dur.is-selected, .gift.is-selected, .plan.is-selected {
  background: #123025;
  border-color: rgba(79, 227, 178, 0.55);
}
.qty-controls { background: #0a1612; }
.qty-controls button:hover { background: #13271f; }

.drawer { background: #070f0c; border-color: rgba(255, 255, 255, 0.08); box-shadow: -30px 0 80px -30px #000; }
.toast { background: #13271f; color: var(--ink); border: 1px solid rgba(255, 255, 255, 0.1); }

@media (prefers-reduced-motion: reduce) {
  .hero::after, .btn-gold::after { animation: none; }
}

.star-calc {
  background:
    radial-gradient(120% 160% at 100% 0%, rgba(248, 184, 26, 0.16), transparent 60%),
    linear-gradient(180deg, #10211b, #0b1714);
  border-color: rgba(248, 184, 26, 0.28);
}
.form-error { background: rgba(239, 80, 60, 0.12); color: #ff9f90; border-color: rgba(239, 80, 60, 0.35); }
.compare thead th { background: #0b1613; color: var(--ink); }
.compare tbody td.is-featured { background: rgba(248, 184, 26, 0.06); }
.mark-yes { background: rgba(79, 227, 178, 0.14); color: var(--mint); }
.mark-no { background: rgba(255, 255, 255, 0.06); color: #7b9187; }
.cfg-icon--ton { background: linear-gradient(180deg, #12324a, #0c2233); }
.cfg-icon--trx { background: linear-gradient(180deg, #4a1822, #2e0e15); }
.cfg-icon--giveaway { background: linear-gradient(180deg, #2f2150, #1f1536); }
.balance-info--giveaway {
  background: linear-gradient(180deg, rgba(140, 90, 255, 0.16), rgba(140, 90, 255, 0.07));
  border-color: rgba(160, 120, 255, 0.32);
  color: #dccfff;
}
.promo-code:hover { background: #17302a; }
.slider__nav:hover { background: #fff; }

.legal p, .legal li { color: #b7c9c1; }
.legal-lede { color: #d4e3dc; }
.remove-btn, .remove-btn:hover, .promo-msg.err, .cfg-error, .star-calc__hint.is-error { color: #ff8f80; }
.balance-info p, .balance-info li { color: #cfe6f5; }
.balance-info h4 { color: #8fcfff; }
.balance-info--trx p, .balance-info--trx li { color: #ffd2d8; }
.balance-info--trx .balance-info__lead, .fee-note { color: #ff8fa0; }
.balance-info--giveaway p, .balance-info--giveaway li { color: #e3d8ff; }
.balance-info--giveaway .balance-info__lead { color: #c7a8ff; }
.cfg-icon--giveaway { color: #c7a8ff; }
.step-ghost { color: rgba(255, 255, 255, 0.05); }

.plan-stars,
.plan.is-selected .plan-name { color: var(--gold-text); }
.plan { background: linear-gradient(180deg, rgba(248, 184, 26, 0.07), transparent 55%), var(--white); }
.plan.is-selected {
  background: linear-gradient(180deg, rgba(248, 184, 26, 0.2), rgba(248, 184, 26, 0.05)), var(--white);
}