/* ============================================================
 * FILE: css/skin-midnight-neon.css             HostPlux v49.20
 * SKIN: midnight-neon (Owner Panel → Design Manager → Storefront skin)
 * Dark canvas #080A12, violet (#8B5CF6) + cyan (#22D3EE) neon accents,
 * frosted glass navigation, high-contrast inputs/cards/checkout across
 * desktop + mobile. Pure colour/surface overrides — zero layout clobber.
 * ============================================================ */

html[data-hp-skin="midnight-neon"] body.site-body {
  --s-primary: #A78BFA;
  --s-primary-dark: #C4B5FD;
  --s-primary-light: rgba(139, 92, 246, .18);
  --s-accent: #22D3EE;
  --s-dark: #F2F5FF;
  --s-bg: #080A12;
  --s-card: #101528;
  --s-bg-soft: #0C1020;
  --s-text: #E2E8F7;
  --s-muted: #9BA6C1;
  --s-border: rgba(255, 255, 255, .13);
  --s-radius: 18px;
  /* Sync base.css / site-v33.css custom properties */
  --text: #E2E8F7;
  --ink: #F2F5FF;
  --muted: #9BA6C1;
  --card: #101528;
  --bg: #080A12;
  --line: rgba(255, 255, 255, .12);
  --border: rgba(255, 255, 255, .13);
  --brand: #A78BFA;
  background: #080A12;
  color: #E2E8F7;
  color-scheme: dark;
}

/* ---------- Ambient neon glow ---------- */
html[data-hp-skin="midnight-neon"] body.site-body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(520px 520px at -10% -8%, rgba(91, 33, 182, .48), transparent 65%),
    radial-gradient(460px 460px at 104% 6%, rgba(14, 116, 144, .38), transparent 66%),
    radial-gradient(400px 400px at 55% 106%, rgba(157, 23, 77, .22), transparent 68%);
}
html[data-hp-skin="midnight-neon"] body.site-body > * { position: relative; z-index: 1; }

/* ---------- Marquee + Sticky Glass Header + Mobile Menu ---------- */
html[data-hp-skin="midnight-neon"] .site-marquee {
  background: linear-gradient(90deg, #3B1578, #115E75, #3B1578);
  background-size: 200% 100%;
  color: #F2F5FF;
}
html[data-hp-skin="midnight-neon"] .site-marquee b,
html[data-hp-skin="midnight-neon"] .site-marquee .icon { color: #A5F3FC; }

html[data-hp-skin="midnight-neon"] .site-header {
  background: rgba(8, 10, 18, .86);
  backdrop-filter: blur(16px) saturate(140%);
  border-bottom: 1px solid var(--s-border);
}
html[data-hp-skin="midnight-neon"] .site-logo { color: #F6F8FF; }
html[data-hp-skin="midnight-neon"] .site-logo-mark {
  background: linear-gradient(135deg, #8B5CF6, #22D3EE);
  color: #06101E;
  box-shadow: 0 8px 24px rgba(139, 92, 246, .38);
}
html[data-hp-skin="midnight-neon"] .site-nav-item { color: #C7D0E6; }
html[data-hp-skin="midnight-neon"] .site-nav-item:hover { color: #FFFFFF; background: rgba(255, 255, 255, .07); }
html[data-hp-skin="midnight-neon"] .site-nav-drop {
  background: #13182E;
  border: 1px solid rgba(255, 255, 255, .15);
  box-shadow: 0 24px 60px rgba(0, 0, 0, .68);
}
html[data-hp-skin="midnight-neon"] .site-nav-drop a { color: #D5DDF0; }
html[data-hp-skin="midnight-neon"] .site-nav-drop a:hover { background: rgba(139, 92, 246, .18); color: #FFFFFF; }
html[data-hp-skin="midnight-neon"] .site-lang { color: #B4BED6; }
html[data-hp-skin="midnight-neon"] .cart-btn,
html[data-hp-skin="midnight-neon"] .nav-burger {
  background: rgba(255, 255, 255, .07) !important;
  border: 1px solid rgba(255, 255, 255, .18) !important;
  color: #EEF2FF !important;
}
html[data-hp-skin="midnight-neon"] .cart-count { background: #22D3EE; color: #06101E; }
html[data-hp-skin="midnight-neon"] .footer-brand .site-logo { color: #FFFFFF; }

@media (max-width: 900px) {
  html[data-hp-skin="midnight-neon"] .site-nav,
  html[data-hp-skin="midnight-neon"] .site-nav.open {
    background: #0F1426 !important;
    border-top: 1px solid rgba(255, 255, 255, .12) !important;
    border-bottom: 1px solid rgba(255, 255, 255, .15) !important;
    box-shadow: 0 24px 50px rgba(0, 0, 0, .72) !important;
  }
  html[data-hp-skin="midnight-neon"] .site-nav-drop,
  html[data-hp-skin="midnight-neon"] .site-nav.open .site-nav-drop {
    background: rgba(255, 255, 255, .04) !important;
    border: 1px solid rgba(255, 255, 255, .10) !important;
    border-radius: 10px;
    box-shadow: none !important;
  }
}

html[data-hp-skin="midnight-neon"] .testi-avatar {
  background: linear-gradient(135deg, #6D28D9, #0E7490);
  color: #FFFFFF;
}
html[data-hp-skin="midnight-neon"] .v33-faq-plus,
html[data-hp-skin="midnight-neon"] .v33-release-head b,
html[data-hp-skin="midnight-neon"] .v33-success-step > span {
  color: #B89CFF;
}
html[data-hp-skin="midnight-neon"] .v33-success-step > span {
  background: rgba(139, 92, 246, .20);
}

/* ---------- Links, Breadcrumbs & Badges ---------- */
html[data-hp-skin="midnight-neon"] body.site-body a { color: #B89CFF; }
html[data-hp-skin="midnight-neon"] body.site-body a:hover { color: #67E8F9; }
html[data-hp-skin="midnight-neon"] .crumb,
html[data-hp-skin="midnight-neon"] .v33-crumb { color: #9BA6C1; }
html[data-hp-skin="midnight-neon"] .crumb a,
html[data-hp-skin="midnight-neon"] .v33-crumb a { color: #B89CFF; }
html[data-hp-skin="midnight-neon"] .badge-avail,
html[data-hp-skin="midnight-neon"] .badge.badge-success {
  background: rgba(16, 185, 129, .16);
  color: #34D399;
  border: 1px solid rgba(52, 211, 153, .3);
}
html[data-hp-skin="midnight-neon"] .badge-taken,
html[data-hp-skin="midnight-neon"] .badge.badge-danger {
  background: rgba(239, 68, 68, .16);
  color: #FCA5A5;
  border: 1px solid rgba(252, 165, 165, .28);
}

/* ---------- Buttons ---------- */
html[data-hp-skin="midnight-neon"] .site-btn {
  background: rgba(255, 255, 255, .06);
  border-color: rgba(255, 255, 255, .16);
  color: #EEF2FF;
}
html[data-hp-skin="midnight-neon"] .site-btn-primary,
html[data-hp-skin="midnight-neon"] .v33-btn-primary,
html[data-hp-skin="midnight-neon"] .v33-pay-cta,
html[data-hp-skin="midnight-neon"] .v33-cta .site-btn-primary {
  background: linear-gradient(120deg, #9B72FF, #22D3EE);
  color: #06101E !important;
  border-color: transparent;
  box-shadow: 0 10px 28px rgba(139, 92, 246, .34);
  font-weight: 700;
}
html[data-hp-skin="midnight-neon"] .site-btn-primary:hover,
html[data-hp-skin="midnight-neon"] .v33-cta .site-btn-primary:hover {
  background: linear-gradient(120deg, #B18FFF, #4CE4F7);
  color: #06101E !important;
}
html[data-hp-skin="midnight-neon"] .site-btn-outline,
html[data-hp-skin="midnight-neon"] .v33-cta .site-btn-outline {
  background: rgba(255, 255, 255, .05);
  color: #EEF2FF !important;
  border-color: rgba(255, 255, 255, .22);
}
html[data-hp-skin="midnight-neon"] .site-btn-outline:hover {
  border-color: #A78BFA;
  background: rgba(139, 92, 246, .16);
}
html[data-hp-skin="midnight-neon"] .site-btn-ghost { color: #C4B5FD; background: transparent; }
html[data-hp-skin="midnight-neon"] .site-btn-dark { background: #1B223B; color: #FFFFFF; border-color: rgba(255, 255, 255, .16); }

/* ---------- Universal Form Controls (Inputs, Selects, Textareas) ---------- */
html[data-hp-skin="midnight-neon"] body.site-body input:not([type="checkbox"]):not([type="radio"]),
html[data-hp-skin="midnight-neon"] body.site-body select,
html[data-hp-skin="midnight-neon"] body.site-body textarea {
  color: #F2F5FF;
}
html[data-hp-skin="midnight-neon"] body.site-body input::placeholder,
html[data-hp-skin="midnight-neon"] body.site-body textarea::placeholder {
  color: #8A96B2;
}
html[data-hp-skin="midnight-neon"] body.site-body select option {
  background: #12172B;
  color: #F2F5FF;
}
html[data-hp-skin="midnight-neon"] .field span,
html[data-hp-skin="midnight-neon"] .field label { color: #CBD4EA; }
html[data-hp-skin="midnight-neon"] .field input,
html[data-hp-skin="midnight-neon"] .field select,
html[data-hp-skin="midnight-neon"] .field textarea,
html[data-hp-skin="midnight-neon"] .promo-row input {
  background: #13192E;
  border-color: rgba(255, 255, 255, .15);
  color: #F2F5FF;
}
html[data-hp-skin="midnight-neon"] .field input:focus,
html[data-hp-skin="midnight-neon"] .field select:focus,
html[data-hp-skin="midnight-neon"] .field textarea:focus,
html[data-hp-skin="midnight-neon"] .promo-row input:focus {
  border-color: #A78BFA;
  box-shadow: 0 0 0 3px rgba(139, 92, 246, .22);
}

/* ---------- Hero & Domain Search ---------- */
html[data-hp-skin="midnight-neon"] .site-hero {
  background:
    radial-gradient(900px 460px at 82% -14%, rgba(139, 92, 246, .28), transparent 62%),
    radial-gradient(760px 420px at 6% 108%, rgba(34, 211, 238, .16), transparent 58%),
    #080A12;
}
html[data-hp-skin="midnight-neon"] .hero-badge {
  background: rgba(139, 92, 246, .16);
  color: #D8B4FE;
  border: 1px solid rgba(167, 139, 250, .38);
}
html[data-hp-skin="midnight-neon"] .hero-badge.ok {
  background: rgba(16, 185, 129, .15);
  color: #6EE7B7;
  border-color: rgba(52, 211, 153, .35);
}
html[data-hp-skin="midnight-neon"] .hero-title,
html[data-hp-skin="midnight-neon"] .v33-h1 { color: #F6F8FF; }
html[data-hp-skin="midnight-neon"] .hero-title .grad,
html[data-hp-skin="midnight-neon"] .v33-h1 .grad,
html[data-hp-skin="midnight-neon"] .v33-h1 em {
  background: linear-gradient(120deg, #B89CFF, #22D3EE);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
html[data-hp-skin="midnight-neon"] .hero-sub,
html[data-hp-skin="midnight-neon"] .v33-lead,
html[data-hp-skin="midnight-neon"] .v33-note { color: #AAB5CE; }
html[data-hp-skin="midnight-neon"] .hero-deal,
html[data-hp-skin="midnight-neon"] .v33-bullets li { color: #E2E8F7; }
html[data-hp-skin="midnight-neon"] .hero-deal .icon,
html[data-hp-skin="midnight-neon"] .v33-bullets .icon { color: #22D3EE; }

html[data-hp-skin="midnight-neon"] .domain-search,
html[data-hp-skin="midnight-neon"] .v33-domain-search {
  background: #111629;
  border-color: rgba(255, 255, 255, .15);
  box-shadow: 0 22px 60px rgba(0, 0, 0, .55);
}
html[data-hp-skin="midnight-neon"] .domain-search > .icon,
html[data-hp-skin="midnight-neon"] .v33-domain-search > .icon { color: #9BA6C1; }
html[data-hp-skin="midnight-neon"] .domain-search input,
html[data-hp-skin="midnight-neon"] .v33-domain-search input {
  background: transparent;
  color: #FFFFFF;
}
html[data-hp-skin="midnight-neon"] .domain-search select,
html[data-hp-skin="midnight-neon"] .v33-domain-search select {
  background: #1A213B;
  border: 1px solid rgba(255, 255, 255, .14);
  color: #F2F5FF;
}
html[data-hp-skin="midnight-neon"] .domain-note { color: #9BA6C1; }
html[data-hp-skin="midnight-neon"] .domain-note b { color: #E2E8F7; }

/* ---------- Sections, Cards & Surfaces ---------- */
html[data-hp-skin="midnight-neon"] .site-section { background: transparent; }
html[data-hp-skin="midnight-neon"] .site-section.soft { background: #0B0F1E; }
html[data-hp-skin="midnight-neon"] .section-title,
html[data-hp-skin="midnight-neon"] .v33-sec-head h2 { color: #F2F5FF; }
html[data-hp-skin="midnight-neon"] .section-sub,
html[data-hp-skin="midnight-neon"] .v33-sec-head p { color: #9BA6C1; }
html[data-hp-skin="midnight-neon"] .section-kicker {
  background: rgba(34, 211, 238, .12);
  color: #A5F3FC;
  border: 1px solid rgba(34, 211, 238, .3);
}
html[data-hp-skin="midnight-neon"] .site-press {
  background: rgba(255, 255, 255, .02);
  border-top: 1px solid var(--s-border);
  border-bottom: 1px solid var(--s-border);
}
html[data-hp-skin="midnight-neon"] .press-label { color: #8A96B2; }
html[data-hp-skin="midnight-neon"] .press-logo { color: #9BA6C1; filter: none; }

html[data-hp-skin="midnight-neon"] .price-card,
html[data-hp-skin="midnight-neon"] .deal-card,
html[data-hp-skin="midnight-neon"] .vps-card,
html[data-hp-skin="midnight-neon"] .tab-card,
html[data-hp-skin="midnight-neon"] .feat-card,
html[data-hp-skin="midnight-neon"] .testi-card,
html[data-hp-skin="midnight-neon"] .faq-card,
html[data-hp-skin="midnight-neon"] .cart-item,
html[data-hp-skin="midnight-neon"] .order-summary,
html[data-hp-skin="midnight-neon"] .checkout-card,
html[data-hp-skin="midnight-neon"] .auth-card,
html[data-hp-skin="midnight-neon"] .domain-row,
html[data-hp-skin="midnight-neon"] .v33-hero-card,
html[data-hp-skin="midnight-neon"] .v33-plan,
html[data-hp-skin="midnight-neon"] .v33-feat,
html[data-hp-skin="midnight-neon"] .v33-faq-item,
html[data-hp-skin="midnight-neon"] .v33-cat,
html[data-hp-skin="midnight-neon"] .v33-article,
html[data-hp-skin="midnight-neon"] .v33-empty,
html[data-hp-skin="midnight-neon"] .v33-contact-card,
html[data-hp-skin="midnight-neon"] .v33-status-row,
html[data-hp-skin="midnight-neon"] .v33-incident,
html[data-hp-skin="midnight-neon"] .v33-stats > div,
html[data-hp-skin="midnight-neon"] .v33-value,
html[data-hp-skin="midnight-neon"] .v33-region,
html[data-hp-skin="midnight-neon"] .v33-step,
html[data-hp-skin="midnight-neon"] .v33-transfer-box,
html[data-hp-skin="midnight-neon"] .v33-release,
html[data-hp-skin="midnight-neon"] .v33-checkout-card,
html[data-hp-skin="midnight-neon"] .v33-summary,
html[data-hp-skin="midnight-neon"] .v33-dom-row,
html[data-hp-skin="midnight-neon"] .v33-detail-card,
html[data-hp-skin="midnight-neon"] .v33-pay-card,
html[data-hp-skin="midnight-neon"] .v33-domain-card .domain-row,
html[data-hp-skin="midnight-neon"] .v33-suggest,
html[data-hp-skin="midnight-neon"] .v33-suggest-card,
html[data-hp-skin="midnight-neon"] .v33-success-step,
html[data-hp-skin="midnight-neon"] .v33-success-more {
  background: #101528;
  border-color: rgba(255, 255, 255, .12);
  color: #E2E8F7;
}

html[data-hp-skin="midnight-neon"] .v33-trust {
  background: #0F1426;
  border: 1px solid rgba(255, 255, 255, .1);
}
html[data-hp-skin="midnight-neon"] .v33-trust span { color: #CBD4EA; }
html[data-hp-skin="midnight-neon"] .v33-trust .icon { color: #22D3EE; }

/* ---------- Card Typography & Sub-elements ---------- */
html[data-hp-skin="midnight-neon"] .v33-hero-price,
html[data-hp-skin="midnight-neon"] .v33-plan-name,
html[data-hp-skin="midnight-neon"] .v33-plan-price,
html[data-hp-skin="midnight-neon"] .v33-feat h3,
html[data-hp-skin="midnight-neon"] .v33-faq-item summary,
html[data-hp-skin="midnight-neon"] .v33-cat b,
html[data-hp-skin="midnight-neon"] .v33-article summary,
html[data-hp-skin="midnight-neon"] .v33-contact-card b,
html[data-hp-skin="midnight-neon"] .v33-status-row b,
html[data-hp-skin="midnight-neon"] .v33-incident b,
html[data-hp-skin="midnight-neon"] .v33-stats b,
html[data-hp-skin="midnight-neon"] .v33-value h3,
html[data-hp-skin="midnight-neon"] .v33-region b,
html[data-hp-skin="midnight-neon"] .v33-step h3,
html[data-hp-skin="midnight-neon"] .v33-transfer-box h2,
html[data-hp-skin="midnight-neon"] .v33-legal-sec h2,
html[data-hp-skin="midnight-neon"] .v33-sitemap h3,
html[data-hp-skin="midnight-neon"] .v33-404 h1,
html[data-hp-skin="midnight-neon"] .v33-card-head h3,
html[data-hp-skin="midnight-neon"] .v33-summary h3,
html[data-hp-skin="midnight-neon"] .v33-sum-item b,
html[data-hp-skin="midnight-neon"] .v33-sum-price,
html[data-hp-skin="midnight-neon"] .v33-dom-row b,
html[data-hp-skin="midnight-neon"] .v33-empty-cart h1,
html[data-hp-skin="midnight-neon"] .v33-cart-info b,
html[data-hp-skin="midnight-neon"] .v33-cart-price,
html[data-hp-skin="midnight-neon"] .v33-detail-card h2,
html[data-hp-skin="midnight-neon"] .v33-detail-item b,
html[data-hp-skin="midnight-neon"] .v33-spec-row b,
html[data-hp-skin="midnight-neon"] .v33-pay-body b,
html[data-hp-skin="midnight-neon"] .v33-addon-body b,
html[data-hp-skin="midnight-neon"] .v33-domain-card .domain-row .d-name,
html[data-hp-skin="midnight-neon"] .v33-domain-card .domain-row .d-price,
html[data-hp-skin="midnight-neon"] .v33-suggest-head h3,
html[data-hp-skin="midnight-neon"] .v33-suggest-body b,
html[data-hp-skin="midnight-neon"] .v33-success-h1,
html[data-hp-skin="midnight-neon"] .v33-success-id b,
html[data-hp-skin="midnight-neon"] .v33-success-step b,
html[data-hp-skin="midnight-neon"] .v33-success-more > b {
  color: #F2F5FF;
}

html[data-hp-skin="midnight-neon"] .v33-hero-card-top,
html[data-hp-skin="midnight-neon"] .v33-hero-price span,
html[data-hp-skin="midnight-neon"] .v33-hero-card-sub,
html[data-hp-skin="midnight-neon"] .v33-hero-card-list span,
html[data-hp-skin="midnight-neon"] .v33-plan-tag,
html[data-hp-skin="midnight-neon"] .v33-plan-old,
html[data-hp-skin="midnight-neon"] .v33-plan-price .per,
html[data-hp-skin="midnight-neon"] .v33-plan-bill,
html[data-hp-skin="midnight-neon"] .v33-plan-feats li,
html[data-hp-skin="midnight-neon"] .v33-plan-foot,
html[data-hp-skin="midnight-neon"] .v33-gst,
html[data-hp-skin="midnight-neon"] .v33-feat p,
html[data-hp-skin="midnight-neon"] .v33-faq-a,
html[data-hp-skin="midnight-neon"] .v33-cat span,
html[data-hp-skin="midnight-neon"] .v33-article summary em,
html[data-hp-skin="midnight-neon"] .v33-article-body,
html[data-hp-skin="midnight-neon"] .v33-contact-card span,
html[data-hp-skin="midnight-neon"] .v33-status-pct,
html[data-hp-skin="midnight-neon"] .v33-incident p,
html[data-hp-skin="midnight-neon"] .v33-stats span,
html[data-hp-skin="midnight-neon"] .v33-value p,
html[data-hp-skin="midnight-neon"] .v33-region span,
html[data-hp-skin="midnight-neon"] .v33-region code,
html[data-hp-skin="midnight-neon"] .v33-step p,
html[data-hp-skin="midnight-neon"] .v33-legal-meta,
html[data-hp-skin="midnight-neon"] .v33-legal-sec p,
html[data-hp-skin="midnight-neon"] .v33-legal-foot,
html[data-hp-skin="midnight-neon"] .v33-sitemap a,
html[data-hp-skin="midnight-neon"] .v33-404 p,
html[data-hp-skin="midnight-neon"] .v33-release-head span,
html[data-hp-skin="midnight-neon"] .v33-release li,
html[data-hp-skin="midnight-neon"] .v33-hint,
html[data-hp-skin="midnight-neon"] .v33-sum-item span,
html[data-hp-skin="midnight-neon"] .v33-sum-trust div,
html[data-hp-skin="midnight-neon"] .v33-empty-cart p,
html[data-hp-skin="midnight-neon"] .v33-cart-info span,
html[data-hp-skin="midnight-neon"] .v33-detail-item span,
html[data-hp-skin="midnight-neon"] .v33-spec-row span,
html[data-hp-skin="midnight-neon"] .v33-buy-foot,
html[data-hp-skin="midnight-neon"] .v33-co-sub,
html[data-hp-skin="midnight-neon"] .v33-co-help,
html[data-hp-skin="midnight-neon"] .v33-pay-body em,
html[data-hp-skin="midnight-neon"] .v33-addon-body em,
html[data-hp-skin="midnight-neon"] .v33-terms,
html[data-hp-skin="midnight-neon"] .v33-pos,
html[data-hp-skin="midnight-neon"] .v33-pay-mini,
html[data-hp-skin="midnight-neon"] .v33-domain-card .domain-row .d-renew,
html[data-hp-skin="midnight-neon"] .v33-suggest-head span,
html[data-hp-skin="midnight-neon"] .v33-suggest-body em,
html[data-hp-skin="midnight-neon"] .v33-success-sub,
html[data-hp-skin="midnight-neon"] .v33-success-step em {
  color: #AAB5CE;
}

/* ---------- Popular Plan, Billing Term Toggle & Feature Icons ---------- */
html[data-hp-skin="midnight-neon"] .v33-plan.popular,
html[data-hp-skin="midnight-neon"] .price-card.popular {
  border-color: rgba(167, 139, 250, .72);
  box-shadow: 0 20px 58px rgba(139, 92, 246, .28);
  background: linear-gradient(180deg, #161B36, #101528);
}
html[data-hp-skin="midnight-neon"] .v33-plan-flag,
html[data-hp-skin="midnight-neon"] .price-flag {
  background: linear-gradient(135deg, #9B72FF, #22D3EE);
  color: #06101E;
}
html[data-hp-skin="midnight-neon"] .v33-term,
html[data-hp-skin="midnight-neon"] .term-toggle,
html[data-hp-skin="midnight-neon"] .site-tabs {
  background: #11162B;
  border: 1px solid rgba(255, 255, 255, .12);
}
html[data-hp-skin="midnight-neon"] .v33-term .term-btn,
html[data-hp-skin="midnight-neon"] .term-btn,
html[data-hp-skin="midnight-neon"] .site-tab { color: #B4BED6; }
html[data-hp-skin="midnight-neon"] .v33-term .term-btn.active,
html[data-hp-skin="midnight-neon"] .term-btn.active,
html[data-hp-skin="midnight-neon"] .site-tab.active {
  background: linear-gradient(120deg, #9B72FF, #22D3EE);
  color: #06101E;
  box-shadow: none;
}
html[data-hp-skin="midnight-neon"] .v33-term .term-save { color: #67E8F9; }
html[data-hp-skin="midnight-neon"] .v33-term .term-btn.active .term-save,
html[data-hp-skin="midnight-neon"] .term-btn.active .save {
  color: #051320;
  background: rgba(6, 16, 30, .14);
  padding: 2px 6px;
  border-radius: 999px;
}

html[data-hp-skin="midnight-neon"] .v33-feat-ico,
html[data-hp-skin="midnight-neon"] .v33-step-n,
html[data-hp-skin="midnight-neon"] .v33-step-pill,
html[data-hp-skin="midnight-neon"] .v33-cart-ico,
html[data-hp-skin="midnight-neon"] .v33-detail-ico,
html[data-hp-skin="midnight-neon"] .v33-pay-ico,
html[data-hp-skin="midnight-neon"] .v33-addon-ico,
html[data-hp-skin="midnight-neon"] .v33-suggest-ico,
html[data-hp-skin="midnight-neon"] .v33-os-chip {
  background: rgba(139, 92, 246, .2);
  color: #D8B4FE;
}
html[data-hp-skin="midnight-neon"] .v33-plan-feats .icon,
html[data-hp-skin="midnight-neon"] .v33-hero-card-list .icon,
html[data-hp-skin="midnight-neon"] .v33-hero-card-top .icon,
html[data-hp-skin="midnight-neon"] .v33-status-row em,
html[data-hp-skin="midnight-neon"] .v33-dom-row .ok,
html[data-hp-skin="midnight-neon"] .v33-cart-info em,
html[data-hp-skin="midnight-neon"] .v33-applied {
  color: #34D399;
}

/* ---------- Tables ---------- */
html[data-hp-skin="midnight-neon"] .compare-wrap,
html[data-hp-skin="midnight-neon"] .v33-table-scroll,
html[data-hp-skin="midnight-neon"] .v33-spec-table {
  background: #101528;
  border-color: rgba(255, 255, 255, .12);
}
html[data-hp-skin="midnight-neon"] .compare-table th,
html[data-hp-skin="midnight-neon"] .v33-table th,
html[data-hp-skin="midnight-neon"] .v33-table .compare-cta td {
  background: #151B33;
  color: #B8C3DC;
  border-color: rgba(255, 255, 255, .1);
}
html[data-hp-skin="midnight-neon"] .compare-table td,
html[data-hp-skin="midnight-neon"] .v33-table td,
html[data-hp-skin="midnight-neon"] .v33-spec-row,
html[data-hp-skin="midnight-neon"] .v33-sum-item,
html[data-hp-skin="midnight-neon"] .v33-cart-row,
html[data-hp-skin="midnight-neon"] .v33-legal-sec,
html[data-hp-skin="midnight-neon"] .v33-legal-foot {
  color: #DCE3F5;
  border-color: rgba(255, 255, 255, .1);
}
html[data-hp-skin="midnight-neon"] .v33-table td b { color: #F2F5FF; }
html[data-hp-skin="midnight-neon"] .v33-table .muted { color: #9BA6C1; }
html[data-hp-skin="midnight-neon"] .compare-table td.yes { color: #34D399; }

/* ---------- AI Banner, Stats Band & CTA Bands ---------- */
html[data-hp-skin="midnight-neon"] .stats-band {
  background: linear-gradient(135deg, rgba(139, 92, 246, .2), rgba(34, 211, 238, .12)), #0E1326;
  border: 1px solid var(--s-border);
}
html[data-hp-skin="midnight-neon"] .stat-big { color: #FFFFFF; }
html[data-hp-skin="midnight-neon"] .stat-label { color: #AAB5CE; }

html[data-hp-skin="midnight-neon"] .ai-banner {
  background:
    radial-gradient(640px 280px at 88% 18%, rgba(34, 211, 238, .22), transparent 62%),
    linear-gradient(125deg, #1A133B, #251952 55%, #0F2B3F);
  border: 1px solid rgba(167, 139, 250, .32);
}
html[data-hp-skin="midnight-neon"] .ai-banner-text,
html[data-hp-skin="midnight-neon"] .ai-banner-text h2,
html[data-hp-skin="midnight-neon"] .ai-banner-text p { color: #F5F7FF; }
html[data-hp-skin="midnight-neon"] .ai-banner-box {
  background: rgba(8, 10, 18, .55);
  border: 1px solid rgba(255, 255, 255, .2);
}
html[data-hp-skin="midnight-neon"] .ai-banner-box input { color: #FFFFFF; }
html[data-hp-skin="midnight-neon"] .ai-banner-box input::placeholder { color: #9BA6C1; }

html[data-hp-skin="midnight-neon"] .cta-band,
html[data-hp-skin="midnight-neon"] .v33-cta {
  background: linear-gradient(125deg, #1B133A, #12263C);
  border: 1px solid rgba(167, 139, 250, .34);
  color: #F6F8FF;
}
html[data-hp-skin="midnight-neon"] .cta-band h2,
html[data-hp-skin="midnight-neon"] .v33-cta h2 { color: #F6F8FF; }
html[data-hp-skin="midnight-neon"] .cta-band p,
html[data-hp-skin="midnight-neon"] .v33-cta p { color: #B8C3DC; }

/* ---------- Checkout (Accordion, Split, Wizard, Sticky Bars) ---------- */
html[data-hp-skin="midnight-neon"] .v33-co-secure,
html[data-hp-skin="midnight-neon"] .v33-signedin {
  background: rgba(16, 185, 129, .14);
  border-color: rgba(52, 211, 153, .3);
  color: #6EE7B7;
}
html[data-hp-skin="midnight-neon"] .v33-co-flag,
html[data-hp-skin="midnight-neon"] .v33-pay-badge.alt {
  background: rgba(139, 92, 246, .2);
  color: #D8B4FE;
  border-color: rgba(167, 139, 250, .3);
}
html[data-hp-skin="midnight-neon"] .v33-pay-badge {
  background: rgba(16, 185, 129, .15);
  border: 1px solid rgba(52, 211, 153, .3);
  color: #6EE7B7;
}
html[data-hp-skin="midnight-neon"] .v33-pay-card.selected,
html[data-hp-skin="midnight-neon"] .pay-option.selected {
  border-color: #A78BFA;
  background: rgba(139, 92, 246, .14);
}
html[data-hp-skin="midnight-neon"] .v33-pay-warn,
html[data-hp-skin="midnight-neon"] .v33-renew-note,
html[data-hp-skin="midnight-neon"] .v33-svc-banner {
  background: rgba(245, 158, 11, .13);
  border-color: rgba(252, 211, 77, .28);
  color: #FCD34D !important;
}
html[data-hp-skin="midnight-neon"] .v33-tld-chip,
html[data-hp-skin="midnight-neon"] .v33-pay-logos span,
html[data-hp-skin="midnight-neon"] .v33-suggest-add,
html[data-hp-skin="midnight-neon"] .v33-success-links a,
html[data-hp-skin="midnight-neon"] .v33-success-id {
  background: #161C34;
  border-color: rgba(255, 255, 255, .14);
  color: #DCE3F5;
}
html[data-hp-skin="midnight-neon"] .v33-tld-chip b { color: #C4B5FD; }

html[data-hp-skin="midnight-neon"] .co-layout-accordion .v33-checkout-card[data-co-sec].is-open > .v33-card-head {
  border-bottom-color: rgba(255, 255, 255, .12);
}
html[data-hp-skin="midnight-neon"] .co-layout-split .v33-checkout-card,
html[data-hp-skin="midnight-neon"] .co-layout-split .v33-summary {
  border-color: rgba(255, 255, 255, .13);
}
html[data-hp-skin="midnight-neon"] .co-step { color: #9BA6C1; }
html[data-hp-skin="midnight-neon"] .co-step i { background: #181F38; color: #CBD4EA; }
html[data-hp-skin="midnight-neon"] .co-step.on { color: #F2F5FF; }
html[data-hp-skin="midnight-neon"] .co-step.on i { background: #8B5CF6; color: #FFFFFF; }
html[data-hp-skin="midnight-neon"] .co-step.done i { background: rgba(16, 185, 129, .2); color: #6EE7B7; }
html[data-hp-skin="midnight-neon"] .co-step-sep { background: rgba(255, 255, 255, .12); }

html[data-hp-skin="midnight-neon"] .co-dock {
  background: rgba(12, 16, 30, .96);
  border-top: 1px solid rgba(255, 255, 255, .15);
  box-shadow: 0 -10px 30px rgba(0, 0, 0, .55);
}
html[data-hp-skin="midnight-neon"] .co-dock-info span { color: #9BA6C1; }
html[data-hp-skin="midnight-neon"] .co-dock-info b { color: #F2F5FF; }

@media (max-width: 860px) {
  html[data-hp-skin="midnight-neon"] .v33-mobilebar {
    background: rgba(14, 18, 34, .96);
    border-color: rgba(255, 255, 255, .16);
    box-shadow: 0 16px 42px rgba(0, 0, 0, .65);
  }
  html[data-hp-skin="midnight-neon"] .v33-mobilebar > div > span { color: #9BA6C1; }
  html[data-hp-skin="midnight-neon"] .v33-mobilebar > div > b { color: #F2F5FF; }
}

/* ---------- Footer ---------- */
html[data-hp-skin="midnight-neon"] .site-footer {
  background: #05070E;
  color: #C9D0E0;
  border-top: 1px solid var(--s-border);
}
html[data-hp-skin="midnight-neon"] .site-footer a { color: #A9B2C8; }
html[data-hp-skin="midnight-neon"] .site-footer a:hover { color: #FFFFFF; }
html[data-hp-skin="midnight-neon"] .footer-col h4 { color: #FFFFFF; }
html[data-hp-skin="midnight-neon"] .footer-bottom { border-top: 1px solid var(--s-border); color: #8A96B2; }
html[data-hp-skin="midnight-neon"] .footer-social a {
  background: rgba(255, 255, 255, .06);
  color: #C9D0E0;
  border: 1px solid var(--s-border);
}