:is(
  body.about,
  body.faqpage,
  body.contact,
  body.security,
  body.how,
  body.seller,
  body.privacy,
  body.cookies,
  body.legal,
  body.terms,
  body.fees,
  body.bp
){
  --info-shadow-sm: 0 6px 18px rgba(28, 22, 18, 0.14);
  --info-shadow-md: 0 12px 30px rgba(28, 22, 18, 0.18);
  --info-shadow-lg: 0 22px 48px rgba(28, 22, 18, 0.24);
  --info-radius: 16px;
  --info-surface-1: rgba(255, 255, 255, 0.56);
  --info-surface-2: rgba(255, 255, 255, 0.72);
  --info-surface-3: rgba(255, 255, 255, 0.84);
  --info-input: rgba(255, 253, 248, 0.92);
  --info-banner-text: var(--info-ink-strong);
  --info-btn-font: "Cinzel", serif;
  background-attachment: fixed;
  color: var(--info-ink);
  transition:
    background-color 160ms ease,
    color 160ms ease,
    border-color 160ms ease,
    box-shadow 160ms ease;
}

html[data-theme="ice"] :is(
  body.about,
  body.faqpage,
  body.contact,
  body.security,
  body.how,
  body.seller,
  body.privacy,
  body.cookies,
  body.legal,
  body.terms,
  body.fees,
  body.bp
){
  --info-bg-1: #f6f1e7;
  --info-bg-2: #e9e1d3;
  --info-panel: rgba(255, 250, 242, 0.92);
  --info-panel-2: rgba(255, 244, 230, 0.96);
  --info-border: #d7cbb8;
  --info-border-strong: #b9a98e;
  --info-ink: #2b2a28;
  --info-ink-strong: #142234;
  --info-muted: #5d594f;
  --info-link: #315f9c;
  --info-accent: #3b6fb6;
  --info-accent-2: #4f86c7;
  --info-accent-soft: rgba(59, 111, 182, 0.16);
  --info-tag-bg: linear-gradient(180deg, #f7fbff, #dfeaf8);
  --info-tag-border: #8fb2dd;
  --info-tag-ink: #173152;
  --info-banner-bg: linear-gradient(180deg, rgba(239, 246, 255, 0.96), rgba(219, 232, 248, 0.96));
  --info-btn-top: #fffaf3;
  --info-btn-bottom: #f5f1ea;
  --info-btn-border: #d7cbb8;
  --info-btn-ink: #2b2a28;
  --info-btn-shadow: 0 6px 16px rgba(28, 22, 18, 0.12);
  --info-btn-shadow-hover: 0 12px 28px rgba(28, 22, 18, 0.16);
  --info-btn-primary-top: #4f86c7;
  --info-btn-primary-bottom: #2f5c9c;
  --info-btn-primary-border: rgba(47, 92, 156, 0.5);
  --info-btn-primary-ink: #f7fbff;
  --info-btn-primary-shadow: 0 10px 22px rgba(59, 111, 182, 0.25);
  --info-surface-1: rgba(255, 255, 255, 0.56);
  --info-surface-2: rgba(255, 255, 255, 0.72);
  --info-surface-3: rgba(255, 255, 255, 0.84);
  --info-input: rgba(255, 253, 248, 0.96);
  background:
    radial-gradient(960px 520px at -10% -10%, rgba(79, 134, 199, 0.17) 0%, transparent 62%),
    radial-gradient(760px 420px at 112% -8%, rgba(47, 92, 156, 0.16) 0%, transparent 58%),
    linear-gradient(180deg, var(--info-bg-1), var(--info-bg-2));
}

html[data-theme="fire"] :is(
  body.about,
  body.faqpage,
  body.contact,
  body.security,
  body.how,
  body.seller,
  body.privacy,
  body.cookies,
  body.legal,
  body.terms,
  body.fees,
  body.bp
){
  --info-bg-1: #120c0b;
  --info-bg-2: #22140f;
  --info-panel: rgba(29, 18, 15, 0.9);
  --info-panel-2: rgba(36, 23, 17, 0.95);
  --info-border: #4a2d20;
  --info-border-strong: #7b4b35;
  --info-ink: #ecd7bf;
  --info-ink-strong: #f6edd7;
  --info-muted: #c4a488;
  --info-link: #e2b385;
  --info-accent: #b95a2f;
  --info-accent-2: #7b1f17;
  --info-accent-soft: rgba(185, 90, 47, 0.16);
  --info-tag-bg: linear-gradient(180deg, #f2e6ce, #e4d4b4);
  --info-tag-border: #b68c5a;
  --info-tag-ink: #14100e;
  --info-banner-bg: linear-gradient(180deg, rgba(58, 42, 32, 0.94), rgba(39, 28, 22, 0.98));
  --info-btn-top: #2a1e19;
  --info-btn-bottom: #1b1411;
  --info-btn-border: #7a573f;
  --info-btn-ink: #f6edd7;
  --info-btn-shadow: 0 6px 18px rgba(0, 0, 0, 0.35);
  --info-btn-shadow-hover: 0 10px 30px rgba(0, 0, 0, 0.45);
  --info-btn-primary-top: #7b1f17;
  --info-btn-primary-bottom: #5f1712;
  --info-btn-primary-border: rgba(185, 90, 47, 0.55);
  --info-btn-primary-ink: #fff;
  --info-btn-primary-shadow: 0 10px 24px rgba(91, 23, 18, 0.34);
  --info-surface-1: rgba(0, 0, 0, 0.18);
  --info-surface-2: rgba(0, 0, 0, 0.3);
  --info-surface-3: rgba(0, 0, 0, 0.42);
  --info-input: rgba(18, 13, 11, 0.96);
  background:
    radial-gradient(1100px 600px at -10% -10%, #2f1611 0%, transparent 60%),
    radial-gradient(1200px 700px at 110% -10%, #3a2017 0%, transparent 60%),
    linear-gradient(180deg, var(--info-bg-1), var(--info-bg-2));
}

:is(
  body.about,
  body.faqpage,
  body.contact,
  body.security,
  body.how,
  body.seller,
  body.privacy,
  body.cookies,
  body.legal,
  body.terms,
  body.fees,
  body.bp
) a{
  color: var(--info-link);
}

:is(
  body.about,
  body.faqpage,
  body.contact,
  body.security,
  body.how,
  body.seller,
  body.privacy,
  body.cookies,
  body.legal,
  body.terms,
  body.fees,
  body.bp
) .topbar{
  align-items: center;
}

:is(
  body.about,
  body.faqpage,
  body.contact,
  body.security,
  body.how,
  body.seller,
  body.privacy,
  body.cookies,
  body.legal,
  body.terms,
  body.fees,
  body.bp
) .brand .title,
:is(
  body.about,
  body.faqpage,
  body.contact,
  body.security,
  body.how,
  body.seller,
  body.privacy,
  body.cookies,
  body.legal,
  body.terms,
  body.fees,
  body.bp
) .hero h1,
:is(
  body.about,
  body.faqpage,
  body.contact,
  body.security,
  body.how,
  body.seller,
  body.privacy,
  body.cookies,
  body.legal,
  body.terms,
  body.fees,
  body.bp
) :is(h2, h3){
  color: var(--info-ink-strong);
  text-shadow: none;
}

:is(
  body.about,
  body.faqpage,
  body.contact,
  body.security,
  body.how,
  body.seller,
  body.privacy,
  body.cookies,
  body.legal,
  body.terms,
  body.fees,
  body.bp
) :is(.muted, .meta, .hint, .footer, .faq-a, .content, .note, .callout, .switch, .cookie-small){
  color: var(--info-muted);
}

:is(
  body.about,
  body.faqpage,
  body.contact,
  body.security,
  body.how,
  body.seller,
  body.privacy,
  body.cookies,
  body.legal,
  body.terms,
  body.fees,
  body.bp
) :is(.hero, .section, .card, .content, .aside, .step, .stat, .item, .pill, .cookie-banner){
  background: linear-gradient(180deg, var(--info-panel-2), var(--info-panel));
  border-color: var(--info-border);
  box-shadow: var(--info-shadow-md);
  backdrop-filter: blur(8px);
}

:is(
  body.about,
  body.faqpage,
  body.contact,
  body.security,
  body.how,
  body.seller,
  body.privacy,
  body.cookies,
  body.legal,
  body.terms,
  body.fees,
  body.bp
) .hero{
  position: relative;
  overflow: hidden;
}

:is(
  body.about,
  body.faqpage,
  body.contact,
  body.security,
  body.how,
  body.seller,
  body.privacy,
  body.cookies,
  body.legal,
  body.terms,
  body.fees,
  body.bp
) .hero::after{
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(135deg, var(--info-accent-soft) 0%, transparent 46%),
    linear-gradient(180deg, transparent 0%, var(--info-surface-1) 100%);
  pointer-events: none;
}

:is(
  body.about,
  body.faqpage,
  body.contact,
  body.security,
  body.how,
  body.seller,
  body.privacy,
  body.cookies,
  body.legal,
  body.terms,
  body.fees,
  body.bp
) .hero > *{
  position: relative;
  z-index: 1;
}

:is(
  body.about,
  body.faqpage,
  body.contact,
  body.security,
  body.how,
  body.seller,
  body.privacy,
  body.cookies,
  body.legal,
  body.terms,
  body.fees,
  body.bp
) .nav{
  align-items: center;
}

:is(
  body.about,
  body.faqpage,
  body.contact,
  body.security,
  body.how,
  body.seller,
  body.privacy,
  body.cookies,
  body.legal,
  body.terms,
  body.fees,
  body.bp
) :is(.nav a, .nav .theme-toggle, .btn){
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 42px;
  padding: 10px 14px;
  border-radius: 12px;
  appearance: none;
  border: 1px solid var(--info-btn-border);
  background: linear-gradient(180deg, var(--info-btn-top), var(--info-btn-bottom));
  color: var(--info-btn-ink);
  text-decoration: none;
  font-family: var(--info-btn-font);
  font-size: 0.98rem;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: 0.02em;
  text-shadow: none;
  cursor: pointer;
  box-shadow: var(--info-btn-shadow);
  transition:
    transform 0.18s ease,
    filter 0.18s ease,
    box-shadow 0.18s ease,
    border-color 0.18s ease,
    background 0.18s ease,
    color 0.18s ease;
}

:is(
  body.about,
  body.faqpage,
  body.contact,
  body.security,
  body.how,
  body.seller,
  body.privacy,
  body.cookies,
  body.legal,
  body.terms,
  body.fees,
  body.bp
) :is(.nav a, .nav .theme-toggle){
  text-decoration: none;
}

:is(
  body.about,
  body.faqpage,
  body.contact,
  body.security,
  body.how,
  body.seller,
  body.privacy,
  body.cookies,
  body.legal,
  body.terms,
  body.fees,
  body.bp
) :is(.nav a:hover, .nav a:focus-visible, .nav .theme-toggle:hover, .nav .theme-toggle:focus-visible, .btn:hover, .btn:focus-visible){
  transform: translateY(-2px);
  filter: brightness(1.02);
  box-shadow: 0 0 0 3px var(--info-accent-soft), var(--info-btn-shadow-hover);
  border-color: var(--info-accent);
  outline: none;
}

:is(
  body.about,
  body.faqpage,
  body.contact,
  body.security,
  body.how,
  body.seller,
  body.privacy,
  body.cookies,
  body.legal,
  body.terms,
  body.fees,
  body.bp
) :is(.nav a:active, .nav .theme-toggle:active, .btn:active){
  transform: translateY(0);
}

:is(
  body.about,
  body.faqpage,
  body.contact,
  body.security,
  body.how,
  body.seller,
  body.privacy,
  body.cookies,
  body.legal,
  body.terms,
  body.fees,
  body.bp
) .btn.primary{
  border-color: var(--info-btn-primary-border);
  background: linear-gradient(180deg, var(--info-btn-primary-top), var(--info-btn-primary-bottom));
  color: var(--info-btn-primary-ink);
  box-shadow: var(--info-btn-primary-shadow);
}

:is(
  body.about,
  body.faqpage,
  body.contact,
  body.security,
  body.how,
  body.seller,
  body.privacy,
  body.cookies,
  body.legal,
  body.terms,
  body.fees,
  body.bp
) .theme-toggle{
  min-width: 92px;
  padding: 10px 14px;
  border-radius: 10px;
  cursor: pointer;
  font: inherit;
  font-weight: 700;
}

:is(
  body.about,
  body.faqpage,
  body.contact,
  body.security,
  body.how,
  body.seller,
  body.privacy,
  body.cookies,
  body.legal,
  body.terms,
  body.fees,
  body.bp
) :is(.badge, .pill, .chip, .step .num, .badge-ico){
  background: var(--info-tag-bg);
  border-color: var(--info-tag-border);
  color: var(--info-tag-ink);
  box-shadow: none;
  text-shadow: none;
}

:is(
  body.about,
  body.faqpage,
  body.contact,
  body.security,
  body.how,
  body.seller,
  body.privacy,
  body.cookies,
  body.legal,
  body.terms,
  body.fees,
  body.bp
) :is(.banner, .callout, .note, .switch, .alert, .cookie-banner){
  background: var(--info-banner-bg);
  border-color: var(--info-border-strong);
  box-shadow: var(--info-shadow-sm);
}

:is(
  body.about,
  body.faqpage,
  body.contact,
  body.security,
  body.how,
  body.seller,
  body.privacy,
  body.cookies,
  body.legal,
  body.terms,
  body.fees,
  body.bp
) .alert.success{
  border-color: #2aa865;
}

:is(
  body.about,
  body.faqpage,
  body.contact,
  body.security,
  body.how,
  body.seller,
  body.privacy,
  body.cookies,
  body.legal,
  body.terms,
  body.fees,
  body.bp
) .alert.error{
  border-color: #dc3545;
}

:is(
  body.about,
  body.faqpage,
  body.contact,
  body.security,
  body.how,
  body.seller,
  body.privacy,
  body.cookies,
  body.legal,
  body.terms,
  body.fees,
  body.bp
) :is(input[type="text"], input[type="email"], input[type="search"], select, textarea){
  color: var(--info-ink);
  background: var(--info-input);
  border-color: var(--info-border);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.06);
}

:is(
  body.about,
  body.faqpage,
  body.contact,
  body.security,
  body.how,
  body.seller,
  body.privacy,
  body.cookies,
  body.legal,
  body.terms,
  body.fees,
  body.bp
) :is(input[type="text"], input[type="email"], input[type="search"], select, textarea):focus{
  border-color: var(--info-accent);
  box-shadow: 0 0 0 3px var(--info-accent-soft);
}

:is(
  body.about,
  body.faqpage,
  body.contact,
  body.security,
  body.how,
  body.seller,
  body.privacy,
  body.cookies,
  body.legal,
  body.terms,
  body.fees,
  body.bp
) .search input::placeholder,
:is(
  body.about,
  body.faqpage,
  body.contact,
  body.security,
  body.how,
  body.seller,
  body.privacy,
  body.cookies,
  body.legal,
  body.terms,
  body.fees,
  body.bp
) textarea::placeholder{
  color: color-mix(in srgb, var(--info-muted) 82%, transparent);
}

:is(
  body.about,
  body.faqpage,
  body.contact,
  body.security,
  body.how,
  body.seller,
  body.privacy,
  body.cookies,
  body.legal,
  body.terms,
  body.fees,
  body.bp
) :is(.timeline::before, .t-item::before){
  background-color: var(--info-accent);
  border-color: var(--info-accent);
}

:is(
  body.about,
  body.faqpage,
  body.contact,
  body.security,
  body.how,
  body.seller,
  body.privacy,
  body.cookies,
  body.legal,
  body.terms,
  body.fees,
  body.bp
) table{
  background: linear-gradient(180deg, var(--info-panel-2), var(--info-panel));
  border-color: var(--info-border);
}

:is(
  body.about,
  body.faqpage,
  body.contact,
  body.security,
  body.how,
  body.seller,
  body.privacy,
  body.cookies,
  body.legal,
  body.terms,
  body.fees,
  body.bp
) th{
  background: var(--info-banner-bg);
  border-bottom-color: var(--info-border);
  color: var(--info-ink-strong);
}

:is(
  body.about,
  body.faqpage,
  body.contact,
  body.security,
  body.how,
  body.seller,
  body.privacy,
  body.cookies,
  body.legal,
  body.terms,
  body.fees,
  body.bp
) td{
  color: var(--info-ink);
  border-top-color: var(--info-border);
}

:is(
  body.about,
  body.faqpage,
  body.contact,
  body.security,
  body.how,
  body.seller,
  body.privacy,
  body.cookies,
  body.legal,
  body.terms,
  body.fees,
  body.bp
) .footer{
  padding-top: 16px;
  border-top: 1px solid color-mix(in srgb, var(--info-border) 72%, transparent);
}

html[data-theme="ice"] :is(
  body.about,
  body.faqpage,
  body.contact,
  body.security,
  body.how,
  body.seller,
  body.privacy,
  body.cookies,
  body.legal,
  body.terms,
  body.fees,
  body.bp
) :is(.badge, .pill, .chip, .step .num){
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
}

@media (max-width: 640px){
  :is(
    body.about,
    body.faqpage,
    body.contact,
    body.security,
    body.how,
    body.seller,
    body.privacy,
    body.cookies,
    body.legal,
    body.terms,
    body.fees,
    body.bp
  ) .topbar{
    align-items: flex-start;
  }

  :is(
    body.about,
    body.faqpage,
    body.contact,
    body.security,
    body.how,
    body.seller,
    body.privacy,
    body.cookies,
    body.legal,
    body.terms,
    body.fees,
    body.bp
  ) .nav{
    width: 100%;
  }

  :is(
    body.about,
    body.faqpage,
    body.contact,
    body.security,
    body.how,
    body.seller,
    body.privacy,
    body.cookies,
    body.legal,
    body.terms,
    body.fees,
    body.bp
  ) .theme-toggle{
    flex: 1 1 100%;
  }
}