/* AXVPN dark theme. Kept separate and last so page layouts remain untouched. */
:root[data-theme="dark"]{
  --ax-red:#ed182b;
  --ax-ink:#f5f5f7;
  --ax-muted:#a6a6af;
  --ax-surface:#151518;
  --ax-line:#2a2a2f;
  --ax-bg:#0d0d0f;
  --ax-surface-2:#1b1b1f;
  --ax-surface-elevated:#202024;
  --ax-text:#f5f5f7;
  --ax-text-muted:#a6a6af;
  --ax-border:#2a2a2f;
  --ax-border-strong:#414147;
  --ax-accent:#ed182b;
  --ax-accent-hover:#cf1022;
  --ax-button-primary:#d71930;
  --ax-button-primary-hover:#bd1228;
  --ax-danger:#ff6976;
  --ax-success:#62c88e;
  --ax-focus:#8db4ff;
  --ax-input-bg:#1b1b1f;
  --ax-input-placeholder:#9696a0;
  color-scheme:dark;
}

html[data-theme="dark"] body{background:var(--ax-bg);color:var(--ax-text)}
html[data-theme="dark"] :is(h1,h2,h3,h4,h5,h6,strong,th,dt,summary){color:var(--ax-text)}
html[data-theme="dark"] :is(p,small,li,dd,label,.ax-muted,.ax-heading-note,.ax-lead){color:var(--ax-text-muted)}
html[data-theme="dark"] :is(a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible){outline-color:var(--ax-focus)}
html[data-theme="dark"] ::selection{background:#a72233;color:#fff}

/* Header, navigation and footer */
html[data-theme="dark"] .ax-header{background:rgb(13 13 15 / .9);border-color:var(--ax-border)}
html[data-theme="dark"] .ax-header-account,
html[data-theme="dark"] .ax-menu-toggle{background:var(--ax-surface-elevated);color:var(--ax-text)}
html[data-theme="dark"] .ax-header-account{border:1px solid var(--ax-border)}
.ax-theme-toggle{display:inline-grid;place-items:center;width:44px;height:44px;flex:0 0 44px;padding:0;border:1px solid var(--ax-line);border-radius:12px;background:#f3f3f5;color:var(--ax-ink);cursor:pointer;transition:background-color .18s ease,border-color .18s ease,color .18s ease}
.ax-theme-toggle:hover{border-color:#cfd0d5;background:#e9e9ed}.ax-theme-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ax-theme-icon-sun{display:none}html[data-theme="dark"] .ax-theme-icon-moon{display:none}html[data-theme="dark"] .ax-theme-icon-sun{display:block}
html[data-theme="dark"] .ax-theme-toggle{border-color:var(--ax-border);background:var(--ax-surface-elevated);color:var(--ax-text)}html[data-theme="dark"] .ax-theme-toggle:hover{border-color:var(--ax-border-strong);background:#29292e}
html[data-theme="dark"] .ax-header-telegram{border-color:var(--ax-border);background:var(--ax-surface-elevated);color:var(--ax-text)}html[data-theme="dark"] .ax-header-telegram:hover{border-color:var(--ax-border-strong);background:#29292e;color:var(--ax-text)}html[data-theme="dark"] .ax-header-telegram__plane{fill:#171719}
.ax-logo-fallback-hidden{display:none}html[data-theme="dark"] .custom-logo-link{display:none}html[data-theme="dark"] .ax-logo-fallback-hidden{display:inline-flex}html[data-theme="dark"] .ax-logo{color:var(--ax-text)}
html[data-theme="dark"] .ax-footer{background:#121214}html[data-theme="dark"] .ax-footer :is(h3,.ax-footer-brand p,.ax-footer-top>div>a:not(.ax-logo),.ax-footer-links a,.ax-footer-bottom){color:var(--ax-text-muted)}html[data-theme="dark"] .ax-footer h3{color:var(--ax-text)}html[data-theme="dark"] .ax-footer-bottom{border-color:var(--ax-border)}

/* Shared surfaces, public cards, pricing, notices and FAQ */
html[data-theme="dark"] :is(.ax-panel,.ax-app,.ax-plan,.ax-location,.ax-benefit-card,.ax-service-card,.ax-feature-card,.ax-faq-card,.ax-faq details,.ax-support-card,.ax-device-card,.ax-legal-card,.ax-download-card,.ax-download-guide-card,.ax-server-card){background:var(--ax-surface);border-color:var(--ax-border);color:var(--ax-text)}
html[data-theme="dark"] :is(.ax-panel,.ax-app,.ax-plan,.ax-location,.ax-benefit-card,.ax-service-card,.ax-feature-card,.ax-faq-card,.ax-faq details,.ax-support-card,.ax-device-card,.ax-legal-card,.ax-download-card,.ax-download-guide-card,.ax-server-card) :is(p,small,li,dd){color:var(--ax-text-muted)}
html[data-theme="dark"] :is(.ax-app,.ax-location):hover{border-color:var(--ax-accent)}
html[data-theme="dark"] .ax-tariff-section{background:var(--ax-surface-2)}
html[data-theme="dark"] .ax-plan{background:var(--ax-surface);border-color:var(--ax-border);box-shadow:none}
html[data-theme="dark"] .ax-plan li{border-color:var(--ax-border)}
html[data-theme="dark"] .ax-plan .ax-button{background:#29292e;color:var(--ax-text)!important}
html[data-theme="dark"] .ax-plan .ax-button:hover{background:#34343a}
html[data-theme="dark"] .ax-plan-featured{background:var(--ax-surface-elevated);border-color:#7e3440;box-shadow:inset 0 0 0 1px rgb(255 64 84 / .08)}
html[data-theme="dark"] .ax-plan-featured :is(h3,p,.ax-monthly,.ax-plan-label,li){color:var(--ax-text)}
html[data-theme="dark"] .ax-plan-featured li{border-color:#404047}
html[data-theme="dark"] .ax-plan-featured .ax-button{background:var(--ax-button-primary);color:#fff!important}
html[data-theme="dark"] .ax-plan-featured .ax-button:hover{background:var(--ax-button-primary-hover)}
html[data-theme="dark"] .ax-plan-selected{border-color:var(--ax-accent);box-shadow:0 0 0 2px var(--ax-accent)}
html[data-theme="dark"] .ax-faq{border-color:var(--ax-border)}html[data-theme="dark"] .ax-faq p{color:var(--ax-text-muted)}
html[data-theme="dark"] .ax-badge{background:#2a2a30;color:var(--ax-text)}html[data-theme="dark"] .ax-badge-active{background:#173425;color:#89d9a9}
html[data-theme="dark"] .ax-notice{background:#302515;border-color:#745323;color:#f6d494}
html[data-theme="dark"] :is(.ax-dark,.ax-payment-result){background:#202024}html[data-theme="dark"] :is(.ax-dark,.ax-payment-result) p{color:var(--ax-text-muted)}
html[data-theme="dark"] :is(.ax-final-cta,.ax-servers-final,.ax-features-final,.ax-support-section){background:#18181b;border-color:var(--ax-border)}
html[data-theme="dark"] :is(.ax-final-cta,.ax-servers-final,.ax-features-final,.ax-support-section) :is(h2,h3,strong){color:#fff}
html[data-theme="dark"] :is(.ax-final-cta,.ax-servers-final,.ax-features-final,.ax-support-section) :is(p,small){color:#b7b7bf}

/* Home visual blocks and the transparent vector hero. */
html[data-theme="dark"] :is(.ax-home-hero,.ax-home-hero-shell,.ax-home-hero-visual){background:transparent}
html[data-theme="dark"] .ax-home-hero-description{color:var(--ax-text-muted)}
html[data-theme="dark"] .ax-hero-globe :is(.ax-hero-card,.ax-hero-device,.ax-hero-node,.ax-hero-orbit){border-color:#3a3a40;background:#202024}
html[data-theme="dark"] .ax-benefit-visual{background:#17171b!important}
/* Opaque white artwork is remapped only here: black becomes readable, white blends into the dark surface, red stays red. */
html[data-theme="dark"] :is(.ax-benefit-image,.ax-features-devices-image){filter:invert(1) hue-rotate(180deg) saturate(1.35);mix-blend-mode:screen;opacity:.94}
html[data-theme="dark"] .ax-benefit-card{background:var(--ax-surface)}
html[data-theme="dark"] :is(.ax-benefit-card,.ax-service-card) h3{color:var(--ax-text)}
html[data-theme="dark"] :is(.ax-benefit-card,.ax-service-card) p{color:var(--ax-text-muted)}

/* Features page */
html[data-theme="dark"] .ax-features-step{background:var(--ax-surface);border-color:var(--ax-border)}
html[data-theme="dark"] .ax-features-step-visual{background:var(--ax-surface-2);border-color:var(--ax-border);box-shadow:none}
html[data-theme="dark"] :is(.ax-features-step-art-plan i,.ax-features-step-art-access,.ax-features-step-art-use i){background:var(--ax-surface-elevated);border-color:var(--ax-border);color:var(--ax-text);box-shadow:none}
html[data-theme="dark"] .ax-features-devices-visual{background:var(--ax-surface-2);border-color:var(--ax-border)}
html[data-theme="dark"] :is(.ax-features-account-mockup,.ax-features-account-status,.ax-features-account-facts>div,.ax-features-calm-grid article){background:var(--ax-surface);border-color:var(--ax-border);box-shadow:none}
html[data-theme="dark"] .ax-features-calm-icon{background:var(--ax-surface-elevated)}
html[data-theme="dark"] :is(.ax-features-device-list>div,.ax-features-account-bar){border-color:var(--ax-border)}
html[data-theme="dark"] :is(.ax-features-device-list dd,.ax-features-account-bar>span,.ax-features-account-status small,.ax-features-account-facts dt){color:var(--ax-text-muted)}

/* Download, servers, devices, support and legal page surfaces. */
html[data-theme="dark"] .ax-download-page-v5{--ax-dl-muted:var(--ax-text-muted);--ax-dl-red:var(--ax-accent)}
html[data-theme="dark"] .ax-download-page-v5 :is(.ax-dl-secondary,.ax-dl-device,.ax-dl-panel,.ax-dl-other,.ax-dl-back,.ax-dl-apps button){background:var(--ax-surface);border-color:var(--ax-border);color:var(--ax-text)}
html[data-theme="dark"] .ax-download-page-v5 :is(.ax-dl-secondary,.ax-dl-device,.ax-dl-back,.ax-dl-apps button):hover{background:var(--ax-surface-elevated);border-color:var(--ax-border-strong)}
html[data-theme="dark"] .ax-download-page-v5 .ax-dl-device[aria-selected="true"],html[data-theme="dark"] .ax-download-page-v5 .ax-dl-apps button[aria-pressed="true"]{background:#302024;border-color:var(--ax-accent);box-shadow:inset 0 0 0 1px var(--ax-accent);color:var(--ax-text)}
html[data-theme="dark"] .ax-download-page-v5 :is(.ax-dl-panel-head,.ax-dl-note,.ax-dl-client,.ax-dl-steps>li){border-color:var(--ax-border)}
html[data-theme="dark"] .ax-download-page-v5 :is(.ax-dl-steps>li::before,.ax-dl-toggle){background:var(--ax-surface-elevated);border-color:var(--ax-border);color:var(--ax-text-muted)}
html[data-theme="dark"] .ax-download-page-v5 .ax-dl-recommended{background:#3a2025;color:#ff9ca7}

html[data-theme="dark"] :is(.ax-server-location,.ax-servers-tech,.ax-protocol-strip span,.ax-server-tech-card){background:var(--ax-surface);border-color:var(--ax-border);box-shadow:none}
html[data-theme="dark"] :is(.ax-server-flag,.ax-server-more-icon){background:var(--ax-surface-elevated);border-color:var(--ax-border)}
html[data-theme="dark"] .ax-server-location-more{background:var(--ax-surface-2)}
html[data-theme="dark"] :is(.ax-server-location h3,.ax-protocol-strip span,.ax-server-tech-card h3){color:var(--ax-text)}
html[data-theme="dark"] :is(.ax-server-more-label,.ax-server-tech-card p){color:var(--ax-text-muted)}
html[data-theme="dark"] .ax-server-choice-grid,html[data-theme="dark"] .ax-server-choice-grid article{border-color:var(--ax-border)}
html[data-theme="dark"] .ax-server-availability{color:#77dba2}
html[data-theme="dark"] .ax-server-availability i{background:#62c88e;box-shadow:0 0 0 4px rgb(98 200 142 / .14)}

html[data-theme="dark"] :is(.ax-devices-overview,.ax-device-group,.ax-devices-bottom,.ax-legal-summary,.ax-legal-nav,.ax-legal-support,.ax-legal-notice){background:var(--ax-surface);border-color:var(--ax-border);box-shadow:none}
html[data-theme="dark"] :is(.ax-device-group-number,.ax-legal-meta){background:var(--ax-surface-elevated);border-color:var(--ax-border);color:var(--ax-text-muted)}
html[data-theme="dark"] :is(.ax-devices-overview,.ax-device-group,.ax-devices-bottom,.ax-legal-summary,.ax-legal-nav,.ax-legal-support,.ax-legal-notice) :is(p,li,small){color:var(--ax-text-muted)}
html[data-theme="dark"] :is(.ax-devices-overview,.ax-device-group,.ax-devices-bottom,.ax-legal-summary,.ax-legal-nav,.ax-legal-support,.ax-legal-notice) :is(h2,h3,h4,strong){color:var(--ax-text)}
html[data-theme="dark"] .ax-legal-nav a{color:var(--ax-text-muted)}html[data-theme="dark"] .ax-legal-nav a[aria-current="page"]{background:var(--ax-surface-elevated);color:var(--ax-text)}
html[data-theme="dark"] :is(.ax-support-hero-contacts,.ax-support-primary-link){background:var(--ax-surface);border-color:var(--ax-border);box-shadow:none}
html[data-theme="dark"] .ax-support-primary-link-label{color:var(--ax-text-muted)}

html[data-theme="dark"] :is(.ax-download-hero,.ax-download-platforms,.ax-download-instructions,.ax-download-guide,.ax-servers-hero,.ax-servers-grid,.ax-devices-hero,.ax-devices-grid,.ax-support-hero,.ax-support-grid,.ax-legal-prose){color:var(--ax-text)}
html[data-theme="dark"] :is(.ax-download-platform,.ax-download-tabs,.ax-download-step,.ax-download-instruction,.ax-server,.ax-server-card,.ax-device,.ax-device-card,.ax-support-contact,.ax-support-card,.ax-legal-section,.ax-legal-card){background:var(--ax-surface);border-color:var(--ax-border);box-shadow:none}
html[data-theme="dark"] :is(.ax-download-tabs button,.ax-download-platform button,.ax-download-tab,.ax-download-selector button){background:var(--ax-surface-elevated);border-color:var(--ax-border);color:var(--ax-text)}
html[data-theme="dark"] :is(.ax-download-tabs button,.ax-download-platform button,.ax-download-tab,.ax-download-selector button).is-active,html[data-theme="dark"] [aria-selected="true"]{border-color:var(--ax-accent);color:var(--ax-accent)}
html[data-theme="dark"] :is(.ax-download-step,.ax-download-instruction,.ax-server,.ax-server-card,.ax-device,.ax-device-card,.ax-support-contact,.ax-support-card,.ax-legal-section,.ax-legal-card) :is(p,li,small){color:var(--ax-text-muted)}
html[data-theme="dark"] :is(.ax-download-step,.ax-download-instruction,.ax-server,.ax-server-card,.ax-device,.ax-device-card,.ax-support-contact,.ax-support-card,.ax-legal-section,.ax-legal-card) :is(h2,h3,h4,strong){color:var(--ax-text)}
html[data-theme="dark"] :is(.ax-download-step,.ax-download-instruction,.ax-server,.ax-server-card,.ax-device,.ax-device-card,.ax-support-contact,.ax-support-card,.ax-legal-section,.ax-legal-card) :is(hr,li+li){border-color:var(--ax-border)}

/* Inputs, native forms and WooCommerce share the same accessible dark field treatment. */
html[data-theme="dark"] :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea,.woocommerce-Input,.select2-selection){background:var(--ax-input-bg)!important;border-color:var(--ax-border-strong)!important;color:var(--ax-text)!important;box-shadow:none}
html[data-theme="dark"] :is(input,textarea)::placeholder{color:var(--ax-input-placeholder)!important;opacity:1}
html[data-theme="dark"] :is(input,select,textarea):focus{border-color:var(--ax-focus)!important;box-shadow:0 0 0 3px rgb(141 180 255 / .15)!important}
html[data-theme="dark"] :is(input[type="checkbox"],input[type="radio"]){accent-color:var(--ax-accent)}
html[data-theme="dark"] input:-webkit-autofill,html[data-theme="dark"] input:-webkit-autofill:hover,html[data-theme="dark"] input:-webkit-autofill:focus{-webkit-text-fill-color:var(--ax-text);-webkit-box-shadow:0 0 0 1000px var(--ax-input-bg) inset!important;transition:background-color 9999s ease-out 0s}
html[data-theme="dark"] .woocommerce :is(form.login,form.register,form.lost_reset_password,form.edit-account,form.checkout,#customer_details,#order_review,form#order_review,.woocommerce-MyAccount-content){background:var(--ax-surface);border-color:var(--ax-border);color:var(--ax-text)}
html[data-theme="dark"] .woocommerce :is(.form-row label,.woocommerce-form__label,.woocommerce-privacy-policy-text,.woocommerce-terms-and-conditions-wrapper,.woocommerce-terms-and-conditions-wrapper a){color:var(--ax-text-muted)}
html[data-theme="dark"] .woocommerce :is(table.shop_table,table.shop_table tr,table.shop_table td,table.shop_table th){background:transparent;color:var(--ax-text);border-color:var(--ax-border)}
html[data-theme="dark"] .woocommerce table.shop_table thead th{color:var(--ax-text-muted)}
html[data-theme="dark"] .woocommerce :is(.woocommerce-message,.woocommerce-info,.woocommerce-error,.woocommerce-notice){background:#202024;border-color:var(--ax-border-strong);color:var(--ax-text)}
html[data-theme="dark"] .woocommerce .woocommerce-error{border-left-color:var(--ax-danger)}
html[data-theme="dark"] .woocommerce .woocommerce-message{border-left-color:var(--ax-success)}
html[data-theme="dark"] .woocommerce-checkout #payment div.payment_box{background:var(--ax-surface-elevated);color:var(--ax-text-muted)}
html[data-theme="dark"] .woocommerce-checkout #payment ul.payment_methods,html[data-theme="dark"] .woocommerce table.shop_table :is(td,th){border-color:var(--ax-border)}
html[data-theme="dark"] .woocommerce :is(.button,button.button,a.button,input.button,#respond input#submit){background:var(--ax-button-primary);color:#fff!important}
html[data-theme="dark"] .woocommerce :is(.button,button.button,a.button,input.button,#respond input#submit):hover{background:var(--ax-button-primary-hover)}

/* Checkout and payment-order pages retain the existing layout, with surfaces only recolored. */
html[data-theme="dark"] .ax-checkout-page :is(.ax-checkout-steps,.ax-checkout-steps li){color:var(--ax-text-muted)}
html[data-theme="dark"] .ax-checkout-page .ax-checkout-steps li:before{background:var(--ax-surface-elevated);border-color:var(--ax-border-strong);color:var(--ax-text-muted)}
html[data-theme="dark"] .ax-checkout-page .ax-checkout-steps [aria-current]{color:var(--ax-text)}
html[data-theme="dark"] .ax-checkout-page :is(form.checkout_coupon,.woocommerce-form-coupon-toggle .woocommerce-info,.woocommerce form.checkout #customer_details,.woocommerce form.checkout #order_review_heading,.woocommerce form.checkout #order_review,.woocommerce form#order_review){background:var(--ax-surface)!important;border-color:var(--ax-border)!important;color:var(--ax-text)}
html[data-theme="dark"] .ax-checkout-page .woocommerce table.shop_table{background:var(--ax-surface-2)}
html[data-theme="dark"] .ax-checkout-page .woocommerce-checkout #payment div.payment_box{background:var(--ax-surface-elevated);border-color:var(--ax-border);color:var(--ax-text-muted)}
html[data-theme="dark"] .ax-checkout-page .woocommerce-form-coupon-toggle .woocommerce-info a{color:var(--ax-text)!important}
html[data-theme="dark"] .ax-checkout-page .woocommerce-form-coupon-toggle .woocommerce-info:before{background:#3a2025;color:var(--ax-accent)}

/* Account navigation, VPN telemetry and order screens. */
html[data-theme="dark"] .ax-account-area :is(.woocommerce-MyAccount-navigation,.ax-vpn-card,.ax-vpn-devices,.ax-vpn-plan,.ax-auth-shell,.ax-order-vpn,.woocommerce-Address){background:var(--ax-surface);border-color:var(--ax-border)}
html[data-theme="dark"] .ax-account-area .woocommerce-MyAccount-navigation a{color:var(--ax-text-muted)}
html[data-theme="dark"] .ax-account-area .woocommerce-MyAccount-navigation :is(.is-active a,a:hover){background:var(--ax-surface-elevated);color:var(--ax-text)}
html[data-theme="dark"] .ax-account-area :is(.ax-vpn-device-stat,.ax-vpn-device-summary,.ax-vpn-traffic,.ax-vpn-status,.ax-account-overview){background:var(--ax-surface-elevated);border-color:var(--ax-border)}
html[data-theme="dark"] .ax-account-area :is(.ax-vpn-card,.ax-vpn-devices,.ax-vpn-plan,.ax-auth-shell,.ax-order-vpn) :is(p,small,span,label){color:var(--ax-text-muted)}
html[data-theme="dark"] .ax-account-area :is(.ax-vpn-card,.ax-vpn-devices,.ax-vpn-plan,.ax-auth-shell,.ax-order-vpn) :is(h2,h3,strong){color:var(--ax-text)}
html[data-theme="dark"] .ax-account progress,html[data-theme="dark"] .ax-account progress::-webkit-progress-bar{background:#34343a}html[data-theme="dark"] .ax-account progress::-webkit-progress-value,html[data-theme="dark"] .ax-account progress::-moz-progress-bar{background:var(--ax-accent)}
html[data-theme="dark"] .ax-account-area .woocommerce :is(.woocommerce-password-strength,.ax-password-setup-notice){background:var(--ax-surface-elevated);border-color:var(--ax-border);color:var(--ax-text)}
html[data-theme="dark"] .ax-account-area .woocommerce .woocommerce-password-strength.good,html[data-theme="dark"] .ax-account-area .woocommerce .woocommerce-password-strength.strong{background:#193024;border-color:#315b42;color:#a8e3c0}
html[data-theme="dark"] .ax-account :is(.ax-quick-install,.ax-quick-apps button){background:var(--ax-surface);border-color:var(--ax-border);color:var(--ax-text)}
html[data-theme="dark"] .ax-account .ax-quick-apps button[aria-pressed="true"]{background:#302024;border-color:var(--ax-accent);color:#ff9ca7}
html[data-theme="dark"] .ax-account :is(.ax-quick-steps>li,.ax-vpn-details){border-color:var(--ax-border)}
html[data-theme="dark"] .ax-account :is(.ax-quick-heading p,.ax-quick-platform,.ax-quick-steps p,.ax-quick-fallback summary,.ax-quick-fallback ol,.ax-vpn-expiry,.ax-vpn-help,.ax-vpn-security){color:var(--ax-text-muted)}
html[data-theme="dark"] .ax-account .ax-vpn-notice{background:#302515;border-color:#745323;color:#f6d494}

@media(max-width:900px){
  html[data-theme="dark"] .ax-navigation{background:var(--ax-surface);border-color:var(--ax-border);box-shadow:0 18px 30px rgb(0 0 0 / .26)}
}

@media(min-width:901px) and (max-width:1080px){
  .ax-navigation{gap:14px}.ax-navigation ul{gap:15px}.ax-navigation-actions{gap:14px}.ax-navigation .ax-header-account{gap:14px;padding-inline:14px}.ax-theme-toggle{width:40px;height:40px;flex-basis:40px}
}

@media(prefers-reduced-motion:reduce){.ax-theme-toggle{transition:none!important}}

/* Complete the dark presentation layer for sections introduced after the base shell. */
html[data-theme="dark"] .ax-skip-link{background:var(--ax-surface-elevated);border-color:var(--ax-border-strong);color:var(--ax-text)}
html[data-theme="dark"] .ax-button-secondary{background:var(--ax-surface-elevated);border-color:var(--ax-border-strong);color:var(--ax-text)!important}
html[data-theme="dark"] .ax-button-secondary:hover{background:#29292e;border-color:#55555c;color:var(--ax-text)!important}

/* Homepage */
html[data-theme="dark"] .ax-service-copy{background:var(--ax-surface);border-color:var(--ax-border)}
html[data-theme="dark"] .ax-plan-badge:not(.ax-plan-badge--featured){background:var(--ax-surface-elevated);border-color:var(--ax-border-strong);color:var(--ax-text-muted)}
html[data-theme="dark"] .ax-home-access-panel{background:var(--ax-surface);border-color:var(--ax-border);box-shadow:none}
html[data-theme="dark"] .ax-home-access-label,
html[data-theme="dark"] .ax-home-server-card strong,
html[data-theme="dark"] .ax-home-connectivity-card h3{color:var(--ax-text)}
html[data-theme="dark"] .ax-home-servers-link,
html[data-theme="dark"] .ax-home-server-card.is-more :is(a,strong),
html[data-theme="dark"] .ax-home-server-note{color:var(--ax-text-muted)}
html[data-theme="dark"] .ax-home-server-card,
html[data-theme="dark"] .ax-home-connectivity-card{background:var(--ax-surface-2);border-color:var(--ax-border)}
html[data-theme="dark"] .ax-home-server-card.is-more{background:var(--ax-surface-elevated)}
html[data-theme="dark"] .ax-home-server-flag{background:var(--ax-surface-elevated);border-color:var(--ax-border)}
html[data-theme="dark"] .ax-home-access-divider{background:var(--ax-border)}

/* Features and plans */
html[data-theme="dark"] .ax-features-account-status i{background:var(--ax-surface-elevated)}
html[data-theme="dark"] .ax-plans-included-grid article,
html[data-theme="dark"] .ax-plans-afterpay-flow article{background:var(--ax-surface);border-color:var(--ax-border);box-shadow:none}
html[data-theme="dark"] .ax-plans-afterpay-inner{background:var(--ax-surface-2);border-color:var(--ax-border);box-shadow:none}
html[data-theme="dark"] .ax-plans-card-kicker{color:var(--ax-text-muted)}
html[data-theme="dark"] .ax-plans-extra-link{color:var(--ax-text)}
html[data-theme="dark"] .ax-plans-afterpay-flow:before{background:var(--ax-border)}
html[data-theme="dark"] .ax-plans-afterpay-flow article:before{box-shadow:0 0 0 6px var(--ax-surface)}

/* Support, FAQ and legal documents */
html[data-theme="dark"] .ax-support-hero{background:var(--ax-surface-2);border-color:var(--ax-border)}
html[data-theme="dark"] .ax-faq-bottom-cta{background:var(--ax-surface);border-color:var(--ax-border)}
html[data-theme="dark"] :is(.ax-legal-section-body a,.ax-legal-support a:not(.ax-button)){color:var(--ax-accent)}
html[data-theme="dark"] .ax-download-page-v5 :is(.ax-dl-steps a,.ax-dl-note a,.ax-dl-account-link){color:var(--ax-accent)}

/* Account, order history, checkout and the post-payment status screen */
html[data-theme="dark"] .ax-account-area :is(.ax-vpn-help a,.ax-text-button,.woocommerce-MyAccount-content .woocommerce-orders-table a:not(.button),.woocommerce-MyAccount-content .woocommerce-privacy-policy-text a,.woocommerce-MyAccount-content .lost_password a){color:var(--ax-accent)}
html[data-theme="dark"] .ax-account-area .woocommerce table.shop_table :is(thead th,tfoot th){background:var(--ax-surface-elevated);color:var(--ax-text-muted);border-color:var(--ax-border)}
html[data-theme="dark"] .ax-account-area .woocommerce table.shop_table .button{background:var(--ax-surface-elevated);border-color:var(--ax-border-strong);color:var(--ax-text)!important}
html[data-theme="dark"] .ax-account-area .woocommerce .show-password-input{color:var(--ax-text-muted)}
html[data-theme="dark"] .ax-access-card{background:var(--ax-surface);border-color:var(--ax-border);box-shadow:none}
html[data-theme="dark"] .ax-access-main{border-color:var(--ax-border)}
html[data-theme="dark"] .ax-access-page .ax-checkout-steps{color:var(--ax-text-muted)}
html[data-theme="dark"] .ax-access-page .ax-checkout-steps li:before{background:var(--ax-surface-elevated);border-color:var(--ax-border-strong);color:var(--ax-text-muted)}
html[data-theme="dark"] .ax-access-page .ax-checkout-steps [aria-current]{color:var(--ax-text)}
html[data-theme="dark"] .ax-access-summary>div{background:var(--ax-surface-elevated)}
html[data-theme="dark"] .ax-access-summary>div>span,
html[data-theme="dark"] :is(.ax-access-card-copy>p:last-child,.ax-access-meta,.ax-access-gateway-output){color:var(--ax-text-muted)}
html[data-theme="dark"] .ax-access-summary strong{color:var(--ax-text)}
html[data-theme="dark"] .ax-access-status{color:#89d9a9}
html[data-theme="dark"] :is(.ax-access-card-pending,.ax-access-card-warning) .ax-access-status{color:#f6d494}
html[data-theme="dark"] .ax-access-card-error .ax-access-status{color:#ff9ca7}
html[data-theme="dark"] .ax-access-card-neutral .ax-access-status{color:var(--ax-text-muted)}
html[data-theme="dark"] .ax-checkout-page :is(.woocommerce-privacy-policy-text a,.woocommerce-terms-and-conditions-wrapper a){color:var(--ax-accent)}

@media(max-width:700px){
  html[data-theme="dark"] .ax-network-mobile-card{background:var(--ax-surface-elevated);border-color:var(--ax-border);box-shadow:none}
  html[data-theme="dark"] .ax-network-mobile-card strong{color:var(--ax-text)}
  html[data-theme="dark"] .ax-network-icon-disc{background:var(--ax-surface-2);color:var(--ax-text-muted)}
  html[data-theme="dark"] .ax-network-mobile-grid--targets .ax-network-icon-disc{background:#3a2025;color:var(--ax-accent)}
  html[data-theme="dark"] .ax-network-mobile-connectors::before,
  html[data-theme="dark"] .ax-network-mobile-connectors i{background:var(--ax-border-strong)}
  html[data-theme="dark"] .ax-network-mobile-connectors--out::before,
  html[data-theme="dark"] .ax-network-mobile-connectors--out i{background:var(--ax-accent)}
  html[data-theme="dark"] .ax-network-mobile-hub{background:var(--ax-surface);border-color:var(--ax-border);box-shadow:0 0 0 5px rgb(255 64 84 / .045),0 0 0 10px rgb(255 64 84 / .02),0 12px 24px rgb(0 0 0 / .20)}
  html[data-theme="dark"] .ax-network-mobile-brand{color:var(--ax-text)}
}

@media(max-width:600px){
  html[data-theme="dark"] .ax-account-area .woocommerce-MyAccount-navigation-link--customer-logout a{background:var(--ax-surface-elevated);border-color:var(--ax-border);color:var(--ax-text)}
}

/* v2.11.76 - resolve dark-only visual regressions without changing page layout. */
html[data-theme="dark"] .custom-logo-link{display:none!important}
html[data-theme="dark"] .ax-logo-fallback-hidden{display:inline-flex!important}

/* The desktop network illustration has a dedicated dark SVG with native colors. */

/* Match the light-theme hover selector so a location card never flashes white. */
html[data-theme="dark"] .ax-home-server-card:not(.is-more):hover{background:var(--ax-surface-elevated);border-color:var(--ax-border-strong)}

/* Preserve the approved tariff layout while separating the cards from the page background. */
html[data-theme="dark"] .ax-plan:not(.ax-plan-featured){background:#1b1b20;border-color:#3a3a42}
html[data-theme="dark"] .ax-plan:not(.ax-plan-featured) :is(.ax-plan-label,.ax-monthly,li){color:#c2c2ca}
html[data-theme="dark"] .ax-plan:not(.ax-plan-featured) .ax-price{color:var(--ax-text)}
html[data-theme="dark"] .ax-plan:not(.ax-plan-featured) .ax-button{background:#303037;border-color:#5a5a64;color:var(--ax-text)!important}
html[data-theme="dark"] .ax-plan:not(.ax-plan-featured) .ax-button:hover{background:#3a3a42;border-color:#70707a}

/* FAQ open state previously inherited the light page's white surface. */
html[data-theme="dark"] .ax-page-content-faq .ax-faq details[open]{background:var(--ax-surface-elevated);border-color:var(--ax-border-strong);box-shadow:0 18px 38px rgb(0 0 0 / .18)}
html[data-theme="dark"] .ax-page-content-faq .ax-faq details[open] :is(summary,p){color:var(--ax-text)}
html[data-theme="dark"] .ax-page-content-faq .ax-faq details[open] p{color:#c2c2ca}

/* Legal copy is text, not a low-contrast card; keep navigation and notices readable. */
html[data-theme="dark"] .ax-legal-summary{background:transparent;border-color:transparent;color:#c7c7cf}
html[data-theme="dark"] .ax-legal-nav{background:transparent;border-color:transparent}
html[data-theme="dark"] .ax-legal-nav-title{color:#d1d1d8}
html[data-theme="dark"] .ax-legal-nav a{color:#c7c7cf}
html[data-theme="dark"] .ax-legal-nav a:hover{color:var(--ax-accent)}
html[data-theme="dark"] .ax-legal-nav a[aria-current="page"]{background:var(--ax-surface-elevated);color:var(--ax-text)}
html[data-theme="dark"] .ax-legal-notice{background:#282126;border-color:#62414a;color:#d0d0d7}
html[data-theme="dark"] .ax-legal-notice strong{color:var(--ax-text)}

/* Keep nested support and final-CTA surfaces discernible on black pages. */
html[data-theme="dark"] .ax-support-primary-link{background:#1b1b20;border-color:#3a3a42;color:var(--ax-text)}
html[data-theme="dark"] .ax-support-primary-link:hover{background:#222228;border-color:#50505a;box-shadow:0 18px 34px rgb(0 0 0 / .18)}
html[data-theme="dark"] .ax-servers-final-inner,
html[data-theme="dark"] .ax-home-final-cta-inner{border:1px solid var(--ax-border-strong)}
html[data-theme="dark"] :is(.ax-servers-final-inner,.ax-home-final-cta-inner) p{color:#c2c2ca}

/* v2.11.77 - keep dark backgrounds on the cards themselves, never on their wrappers. */
html[data-theme="dark"] .ax-servers-final{background:transparent;border-color:transparent}
html[data-theme="dark"] .ax-support-hero-contacts{background:transparent;border-color:transparent}
html[data-theme="dark"] .ax-account-area .woocommerce-MyAccount-content{background:transparent;border-color:transparent}

/* The source page renders these numbers as bare red text; dark mode must not turn them into full-width bars. */
html[data-theme="dark"] .ax-device-group-number{background:transparent;border-color:transparent;color:var(--ax-accent)}

/* Account status and password controls need their own semantic colors above generic span/button rules. */
html[data-theme="dark"] .ax-account-area .ax-badge-active{background:#193a2a;border:1px solid #2d724e;color:#9ee7ba}
html[data-theme="dark"] .ax-account-area .woocommerce .show-password-input{border-color:transparent;color:#c7c7cf}
html[data-theme="dark"] .ax-account-area .woocommerce .show-password-input:hover{background:var(--ax-surface-elevated);color:var(--ax-text);border-radius:8px}

/* Primary actions use one brand color; secondary and tariff-choice states retain their separate meanings. */
html[data-theme="dark"] .ax-account-area .ax-button:not(.ax-button-secondary):not(.ax-text-button):not(.ax-telegram-action):not(:disabled),
html[data-theme="dark"] .ax-home-final-cta-button{background:var(--ax-button-primary);border-color:var(--ax-button-primary);color:#fff!important}
html[data-theme="dark"] .ax-account-area .ax-button:not(.ax-button-secondary):not(.ax-text-button):not(.ax-telegram-action):not(:disabled):hover,
html[data-theme="dark"] .ax-home-final-cta-button:hover{background:var(--ax-button-primary-hover);border-color:var(--ax-button-primary-hover)}

/* v2.11.78 - final account cascade overrides for dark-mode-only surfaces and states. */
html[data-theme="dark"] .ax-account-area .woocommerce-MyAccount-content{background:transparent!important;border-color:transparent!important;box-shadow:none!important}
html[data-theme="dark"] .ax-account-area .ax-vpn-card .ax-badge-active{background:#193a2a!important;border:1px solid #2d724e!important;color:#9ee7ba!important}
html[data-theme="dark"] .ax-device-group .ax-device-group-number{background:transparent!important;border-color:transparent!important;color:var(--ax-accent)!important}
html[data-theme="dark"] .ax-account-area .ax-button:disabled{background:#303037!important;border-color:#47474f!important;color:#a6a6af!important;opacity:1;cursor:not-allowed;transform:none}

/* v2.11.79 - use native dark artwork rather than inverting the light SVG. */
html[data-theme="dark"] .ax-network-desktop-art--light{display:none}
html[data-theme="dark"] .ax-home-hero-visual .ax-network .ax-network-desktop-art--dark{display:block}
html[data-theme="dark"] .ax-network-desktop-art--dark .ax-network-desktop-image{filter:none;mix-blend-mode:normal}

/* v2.11.82 - leave account navigation and device metrics on their intended surfaces. */
@media(min-width:701px){
  html[data-theme="dark"] .ax-account-area .woocommerce-MyAccount-navigation{background:transparent!important;border-color:transparent!important;box-shadow:none!important}
}
html[data-theme="dark"] .ax-account-area :is(.ax-vpn-devices-summary,.ax-vpn-device-stat){background:transparent!important;box-shadow:none!important}

/* v2.11.84 - guest account controls retain contrast without creating an extra surface. */
html[data-theme="dark"] .ax-account-area.ax-account-guest .ax-auth-shell{background:transparent;border-color:transparent}
html[data-theme="dark"] .ax-account-area.ax-account-guest .ax-auth-tabs{background:var(--ax-surface-elevated);border-color:var(--ax-border)}

/* v2.11.89 - dark-page surfaces retain quiet borders and shadows on interaction. */
html[data-theme="dark"] .ax-home-hero-shell{border-color:var(--ax-border);box-shadow:none}
html[data-theme="dark"] .ax-benefit-visual{border-color:var(--ax-border)}
html[data-theme="dark"] .ax-servers-hero-transition:after{background:var(--ax-border-strong)}
@media(max-width:700px){html[data-theme="dark"] .ax-benefit-control .ax-benefit-visual{border-right-color:var(--ax-border)!important}}
@media(hover:hover) and (pointer:fine){
  html[data-theme="dark"] .ax-benefit-card:hover{background:var(--ax-surface-elevated);border-color:var(--ax-border-strong);box-shadow:0 22px 48px rgb(0 0 0 / .20)}
  html[data-theme="dark"] .ax-service-card:hover{background:var(--ax-surface-elevated);border-color:var(--ax-border-strong);box-shadow:0 22px 48px rgb(0 0 0 / .20)}
  html[data-theme="dark"] .ax-service-card:hover .ax-service-copy{background:var(--ax-surface-elevated);border-color:var(--ax-border-strong)}
}
html[data-theme="dark"] .ax-account-area.ax-account-guest .ax-auth-tabs a{color:var(--ax-text-muted)}
html[data-theme="dark"] .ax-account-area.ax-account-guest .ax-auth-tabs a:is([aria-current],[aria-selected="true"]){background:var(--ax-surface);color:var(--ax-accent);box-shadow:none}
html[data-theme="dark"] .ax-account-area.ax-account-guest .woocommerce-privacy-policy-text{color:var(--ax-text-muted)}
html[data-theme="dark"] .ax-account-area.ax-account-guest .woocommerce-privacy-policy-text a{color:var(--ax-accent);text-decoration-color:currentColor}

/* v2.11.85 - native Woo icons and self-contained artwork need no extra dark surface. */
html[data-theme="dark"] .ax-account-area .woocommerce .show-password-input,
html[data-theme="dark"] .ax-account-area .woocommerce .show-password-input::after{color:#c7c7cf!important}
html[data-theme="dark"] .ax-account-area .woocommerce .show-password-input:hover,
html[data-theme="dark"] .ax-account-area .woocommerce .show-password-input:hover::after{color:var(--ax-text)!important}

/* Telegram account presentation remains a calm part of the dark cabinet. */
html[data-theme="dark"] .ax-account-area .ax-telegram-card{--ax-telegram-border:var(--ax-border);background:var(--ax-surface);color:var(--ax-text)}html[data-theme="dark"] .ax-account-area .ax-telegram-card :is(h3,h4,strong,legend){color:var(--ax-text)}html[data-theme="dark"] .ax-account-area .ax-telegram-card :is(.ax-telegram-card__message,.ax-telegram-card__eyebrow,.ax-telegram-form__hint,.ax-telegram-preferences fieldset>p){color:var(--ax-text-muted)}html[data-theme="dark"] .ax-account-area .ax-telegram-card__status{border-color:var(--ax-border-strong);background:var(--ax-surface-elevated);color:var(--ax-text-muted)}html[data-theme="dark"] .ax-account-area .ax-telegram-card[data-state="active"] .ax-telegram-card__status{border-color:#2d724e;background:#193a2a;color:#9ee7ba}html[data-theme="dark"] .ax-account-area .ax-telegram-card[data-state="pending"] .ax-telegram-card__status,html[data-theme="dark"] .ax-account-area .ax-telegram-card[data-state="verified"] .ax-telegram-card__status{border-color:#7b3440;background:#3a2025;color:#ffb3bd}html[data-theme="dark"] .ax-account-area .ax-telegram-card[data-feedback="success"] .ax-telegram-card__message{color:#9ee7ba}html[data-theme="dark"] .ax-account-area .ax-telegram-card[data-feedback="error"] .ax-telegram-card__message{color:#ffb3bd}
html[data-theme="dark"] .ax-account-area .ax-telegram-card .ax-telegram-action--secondary{border-color:var(--ax-border-strong);background:var(--ax-surface-elevated);color:var(--ax-text)!important}html[data-theme="dark"] .ax-account-area .ax-telegram-card .ax-telegram-action--secondary:hover{border-color:#575760;background:#29292e;color:var(--ax-text)!important}html[data-theme="dark"] .ax-account-area .ax-telegram-card .ax-telegram-action--danger{border-color:#86414c;background:transparent;color:#ffb3bd!important}html[data-theme="dark"] .ax-account-area .ax-telegram-card .ax-telegram-action--danger:hover{border-color:#aa5362;background:#382025;color:#ffd0d6!important}html[data-theme="dark"] .ax-account-area .ax-telegram-card[data-state="pending"] [data-axvpn-telegram-start]{border-color:var(--ax-border-strong);background:var(--ax-surface-elevated);color:var(--ax-text)!important}html[data-theme="dark"] .ax-account-area .ax-telegram-card[data-state="pending"] [data-axvpn-telegram-candidate]{background:var(--ax-button-primary);border-color:var(--ax-button-primary);color:#fff!important}
html[data-theme="dark"] .ax-account-area .ax-telegram-field{color:var(--ax-text-muted)}html[data-theme="dark"] .ax-account-area .ax-telegram-field input{border-color:var(--ax-border-strong);background:var(--ax-input-bg);color:var(--ax-text)}html[data-theme="dark"] .ax-account-area .ax-telegram-field input:focus{border-color:var(--ax-focus);box-shadow:0 0 0 3px rgb(141 180 255 / .15)}html[data-theme="dark"] .ax-account-area .ax-telegram-card__identity{border-color:#315b42;background:#193024}html[data-theme="dark"] .ax-account-area .ax-telegram-card__identity>span{color:#a8e3c0}html[data-theme="dark"] .ax-account-area .ax-telegram-card__identity strong{color:#d7f6e2}html[data-theme="dark"] .ax-account-area .ax-telegram-card__identity small{color:#abd2b9}html[data-theme="dark"] .ax-account-area .ax-telegram-preference{border-color:var(--ax-border);background:var(--ax-surface-elevated)}html[data-theme="dark"] .ax-account-area .ax-telegram-preference:hover{border-color:var(--ax-border-strong);background:#29292e}html[data-theme="dark"] .ax-account-area .ax-telegram-preference small{color:var(--ax-text-muted)}html[data-theme="dark"] .ax-account-area .ax-telegram-danger{border-color:#5c3339}html[data-theme="dark"] .ax-account-area .ax-telegram-danger h4{color:#ffb3bd}html[data-theme="dark"] .ax-account-area .ax-telegram-danger p{color:#d0a6ad}
html[data-theme="dark"] .ax-account-area .ax-auth-shell .ax-telegram-login{border-color:var(--ax-border);background:var(--ax-surface)}html[data-theme="dark"] .ax-account-area .ax-telegram-login__divider{color:var(--ax-text-muted)}html[data-theme="dark"] .ax-account-area .ax-telegram-login__divider::before,html[data-theme="dark"] .ax-account-area .ax-telegram-login__divider::after{background:var(--ax-border)}
html[data-theme="dark"] .ax-features-devices-visual{background:transparent;border-color:transparent;box-shadow:none}

/* v2.11.86 - Woo embeds its password-visibility icon as a black SVG. */
html[data-theme="dark"] .ax-account-area .woocommerce form .show-password-input::before{filter:invert(1);opacity:.86}

/* v2.11.90 - restore hierarchy in dark homepage surfaces and tariff metadata. */
html[data-theme="dark"] .ax-plan-featured .ax-monthly{color:rgb(255 255 255 / .62)}
html[data-theme="dark"] .ax-home-hero-shell{background:linear-gradient(135deg,#101013 0%,#141418 100%);border-color:#27272c;box-shadow:none}
html[data-theme="dark"] .ax-home-server-card.is-more{background:transparent;border-color:transparent}
html[data-theme="dark"] .ax-home-server-card.is-more a{color:var(--ax-text)}
html[data-theme="dark"] .ax-home-server-card.is-more a:hover{color:var(--ax-accent)}
html[data-theme="dark"] .ax-footer-brand p{color:#b8b8c0}
html[data-theme="dark"] :is(.ax-footer-top>div>a:not(.ax-logo),.ax-footer-links a){color:#d0d0d8}
html[data-theme="dark"] .ax-footer-bottom{color:#85858f}
@media(max-width:700px){
  html[data-theme="dark"] .ax-home-access-panel{padding:0;background:transparent;border-color:transparent}
}

/* Keep desktop header controls aligned on one dark surface. */
@media(min-width:1024px){
  .ax-navigation{gap:0}
  .ax-navigation-actions{gap:9px}
  .ax-theme-toggle--desktop{width:42px;height:42px;flex-basis:42px}
  html[data-theme="dark"] .ax-navigation{color:#e7e7eb}
  html[data-theme="dark"] .ax-header-telegram--desktop,
  html[data-theme="dark"] .ax-theme-toggle--desktop,
  html[data-theme="dark"] .ax-navigation .ax-header-account{border-color:var(--ax-border);background:var(--ax-surface-elevated);color:var(--ax-text)}
  html[data-theme="dark"] .ax-header-telegram--desktop:hover,
  html[data-theme="dark"] .ax-theme-toggle--desktop:hover,
  html[data-theme="dark"] .ax-navigation .ax-header-account:hover{border-color:#87404d;background:#302024;color:#ffb5be}
}
@media(min-width:1024px) and (max-width:1100px){
  .ax-navigation .ax-header-account{gap:7px;padding-inline:11px}
}