/* HOSTPOKA dark-mode surface map (auto-derived from page styles) | Developer: RAHAT */
html[data-theme="dark"] .main-header{background:var(--hp-surface)}
html[data-theme="dark"] .menu-icon{color:var(--hp-ink);background:var(--hp-surface)}
html[data-theme="dark"] .drawer{background:var(--hp-surface)}
html[data-theme="dark"] .drawer-header span{color:var(--hp-ink)}
html[data-theme="dark"] .close-btn{color:var(--hp-muted)}
html[data-theme="dark"] .drawer-item:hover{background:var(--hp-surface-2);border-color:var(--hp-line)}
html[data-theme="dark"] .bg-red{background:var(--hp-surface-2)}
html[data-theme="dark"] .bg-blue{background:var(--hp-surface-2)}
html[data-theme="dark"] .bg-green{background:var(--hp-surface-2)}
html[data-theme="dark"] .bg-purple{background:var(--hp-surface-2)}
html[data-theme="dark"] .bg-pink{background:var(--hp-surface-2)}
html[data-theme="dark"] .bg-teal{background:var(--hp-surface-2)}
html[data-theme="dark"] .bg-orange{background:var(--hp-surface-2)}
html[data-theme="dark"] .bg-cyan{background:var(--hp-surface-2)}
html[data-theme="dark"] .drawer-item span{color:var(--hp-ink)}
html[data-theme="dark"] .drawer-sub-links{background:var(--hp-surface-2)}
html[data-theme="dark"] .drawer-sub-links a{color:var(--hp-muted)}
html[data-theme="dark"] .special-offer{background:var(--hp-surface-2)}
html[data-theme="dark"] .special-offer:hover{background:var(--hp-surface-2)}
html[data-theme="dark"] .drawer-footer{background:var(--hp-surface)}
html[data-theme="dark"] .btn-login{color:var(--hp-ink)}
html[data-theme="dark"] .drawer-content::-webkit-scrollbar-thumb{background:var(--hp-surface-2)}
html[data-theme="dark"] .hp-deal-box{background:var(--hp-surface)}
html[data-theme="dark"] .discount-big{color:var(--hp-ink)}
html[data-theme="dark"] .site-footer{background-color:var(--hp-surface);color:var(--hp-ink)}
html[data-theme="dark"] .footer-col h4{color:var(--hp-ink)}
html[data-theme="dark"] .footer-col ul li a{color:var(--hp-muted)}
html[data-theme="dark"] .footer-socials a{background:var(--hp-surface-2);color:var(--hp-muted)}
html[data-theme="dark"] .copyright-text{color:var(--hp-muted)}
html[data-theme="dark"] .footer-links-bottom a{color:var(--hp-muted)}
html[data-theme="dark"] .comm-card{background:var(--hp-surface)}
html[data-theme="dark"] .comm-card p{color:var(--hp-ink)}
html[data-theme="dark"] .section-title h2{color:var(--hp-ink)}
html[data-theme="dark"] .section-title p{color:var(--hp-muted)}
html[data-theme="dark"] .step-box{background:var(--hp-surface)}
html[data-theme="dark"] .step-box h4{color:var(--hp-ink)}
html[data-theme="dark"] .step-box p{color:var(--hp-muted)}
html[data-theme="dark"] .payout-section{background:var(--hp-surface)}
html[data-theme="dark"] .btn-aff-join{background:var(--hp-surface)}
html[data-theme="dark"] .hero-reseller{background:var(--hp-surface-2)}
html[data-theme="dark"] .hero-reseller h1{color:var(--hp-ink)}
html[data-theme="dark"] .hero-reseller p{color:var(--hp-muted)}
html[data-theme="dark"] .reseller-card{background:var(--hp-surface)}
html[data-theme="dark"] .price-tag{color:var(--hp-ink)}
html[data-theme="dark"] .price-tag span{color:var(--hp-muted)}
html[data-theme="dark"] .location-info{background:var(--hp-surface-2);color:var(--hp-ink)}
html[data-theme="dark"] .reseller-features li{color:var(--hp-muted)}
html[data-theme="dark"] .reseller-features b{color:var(--hp-ink)}
html[data-theme="dark"] .coupon-header span{background:var(--hp-surface)}
html[data-theme="dark"] .bdix-hero{background:var(--hp-surface-2)}
html[data-theme="dark"] .bdix-hero h1{color:var(--hp-ink)}
html[data-theme="dark"] .bdix-hero p{color:var(--hp-muted)}
html[data-theme="dark"] .plan-card{background:var(--hp-surface)}
html[data-theme="dark"] .plan-price{color:var(--hp-ink)}
html[data-theme="dark"] .plan-price span{color:var(--hp-muted)}
html[data-theme="dark"] .promo-applied{color:var(--hp-ink)}
html[data-theme="dark"] .features-list li{color:var(--hp-muted)}
html[data-theme="dark"] .info-bar{background:var(--hp-surface-2);color:var(--hp-ink)}
html[data-theme="dark"] .blog-hero h1{color:var(--hp-ink)}
html[data-theme="dark"] .blog-card{background:var(--hp-surface)}
html[data-theme="dark"] .blog-info h3{color:var(--hp-ink)}
html[data-theme="dark"] .blog-info p{color:var(--hp-muted)}
html[data-theme="dark"] .transfer-box{background:var(--hp-surface)}
html[data-theme="dark"] .transfer-box input{color:var(--hp-ink)}
html[data-theme="dark"] .why-transfer{background:var(--hp-surface)}
html[data-theme="dark"] .feature-item{background:var(--hp-surface-2)}
html[data-theme="dark"] .feature-item p{color:var(--hp-muted)}
html[data-theme="dark"] .step-box{background:var(--hp-surface)}
html[data-theme="dark"] .hero-section h1{color:var(--hp-ink)}
html[data-theme="dark"] .hero-section p{color:var(--hp-muted)}
html[data-theme="dark"] .card{background:var(--hp-surface)}
html[data-theme="dark"] .card.popular{background:var(--hp-surface-2)}
html[data-theme="dark"] .price{color:var(--hp-ink)}
html[data-theme="dark"] .price span{color:var(--hp-muted)}
html[data-theme="dark"] .promo-applied{background:var(--hp-surface-2)}
html[data-theme="dark"] .features li{color:var(--hp-muted)}
html[data-theme="dark"] .section-separator h2{color:var(--hp-ink)}
html[data-theme="dark"] .section-separator p{color:var(--hp-muted)}
html[data-theme="dark"] .dt-wrapper{color:var(--hp-ink);background:var(--hp-surface)}
html[data-theme="dark"] .dt-title{color:var(--hp-ink)}
html[data-theme="dark"] .dt-subtitle{color:var(--hp-muted)}
html[data-theme="dark"] .dt-feat-box{background:var(--hp-surface)}
html[data-theme="dark"] .dt-feat-box h4{color:var(--hp-ink)}
html[data-theme="dark"] .dt-feat-box p{color:var(--hp-muted)}
html[data-theme="dark"] .dt-stats{background:var(--hp-surface-2)}
html[data-theme="dark"] .stat-item h2{color:var(--hp-ink)}
html[data-theme="dark"] .dt-table{background:var(--hp-surface)}
html[data-theme="dark"] .dt-table td{color:var(--hp-ink)}
html[data-theme="dark"] .dt-table .f-name{color:var(--hp-ink);background:var(--hp-surface)}
html[data-theme="dark"] .rev-card{background:var(--hp-surface)}
html[data-theme="dark"] .rev-text{color:var(--hp-muted)}
html[data-theme="dark"] .rev-user-info h5{color:var(--hp-ink)}
html[data-theme="dark"] .rev-user-info p{color:var(--hp-muted)}
html[data-theme="dark"] .btn-lp{color:var(--hp-ink)}
html[data-theme="dark"] .dt-payments{background:var(--hp-surface-2)}
html[data-theme="dark"] .dt-payments h5{color:var(--hp-muted)}
html[data-theme="dark"] .pay-badge{background:var(--hp-surface)}
html[data-theme="dark"] .kb-search{background:var(--hp-surface)}
html[data-theme="dark"] .kb-categories{background:var(--hp-surface)}
html[data-theme="dark"] .cat-card{background:var(--hp-surface)}
html[data-theme="dark"] .cat-card h3{color:var(--hp-ink)}
html[data-theme="dark"] .cat-card p{color:var(--hp-muted)}
html[data-theme="dark"] .kb-articles{background:var(--hp-surface-2)}
html[data-theme="dark"] .article-item{background:var(--hp-surface)}
html[data-theme="dark"] .article-header{color:var(--hp-ink)}
html[data-theme="dark"] .article-content{color:var(--hp-muted)}
html[data-theme="dark"] .kb-cta{background:var(--hp-surface)}
html[data-theme="dark"] .offer-hero p{color:var(--hp-muted)}
html[data-theme="dark"] .main-offer-card{background:var(--hp-surface)}
html[data-theme="dark"] .deal-price .price-big{color:var(--hp-ink)}
html[data-theme="dark"] .deal-price .period{color:var(--hp-muted)}
html[data-theme="dark"] .pricing-split{background:var(--hp-surface-2)}
html[data-theme="dark"] .split-item span{color:var(--hp-muted)}
html[data-theme="dark"] .split-item b{color:var(--hp-ink)}
html[data-theme="dark"] .split-divider{background:var(--hp-surface-2)}
html[data-theme="dark"] .feature-list-offer li{color:var(--hp-muted)}
html[data-theme="dark"] .feature-list-offer li:hover{color:var(--hp-ink)}
html[data-theme="dark"] .limited-text{color:var(--hp-muted)}
html[data-theme="dark"] .why-cheap-section{background:var(--hp-surface)}
html[data-theme="dark"] .why-cheap-section h3{color:var(--hp-ink)}
html[data-theme="dark"] .why-cheap-section .intro-text{color:var(--hp-muted)}
html[data-theme="dark"] .reason-box h5{color:var(--hp-ink)}
html[data-theme="dark"] .reason-box p{color:var(--hp-muted)}
html[data-theme="dark"] .why-us-section h2{color:var(--hp-ink)}
html[data-theme="dark"] .why-us-card{background:var(--hp-surface)}
html[data-theme="dark"] .why-us-card .icon-activation{background:var(--hp-surface-2)}
html[data-theme="dark"] .why-us-card .icon-secure{background:var(--hp-surface-2)}
html[data-theme="dark"] .why-us-card .icon-support{background:var(--hp-surface-2)}
html[data-theme="dark"] .why-us-card h4{color:var(--hp-ink)}
html[data-theme="dark"] .why-us-card p{color:var(--hp-muted)}
html[data-theme="dark"] .search-box-wrapper{background:var(--hp-surface)}
html[data-theme="dark"] .search-box-wrapper input{color:var(--hp-ink)}
html[data-theme="dark"] .tld-tags span{background:var(--hp-surface)}
html[data-theme="dark"] .pricing-section{background:var(--hp-surface)}
html[data-theme="dark"] .domain-table{background:var(--hp-surface)}
html[data-theme="dark"] .domain-table th{background:var(--hp-surface-2);color:var(--hp-ink)}
html[data-theme="dark"] .domain-table td{color:var(--hp-muted)}
html[data-theme="dark"] .reg-price{color:var(--hp-ink)}
html[data-theme="dark"] .domain-features{background:var(--hp-surface-2)}
html[data-theme="dark"] .feat-card{background:var(--hp-surface)}
html[data-theme="dark"] .feat-card p{color:var(--hp-muted)}
html[data-theme="dark"] .module-hero h1{color:var(--hp-ink)}
html[data-theme="dark"] .module-hero p{color:var(--hp-muted)}
html[data-theme="dark"] .module-card{background:var(--hp-surface)}
html[data-theme="dark"] .module-icon{background:var(--hp-surface-2)}
html[data-theme="dark"] .module-card h3{color:var(--hp-ink)}
html[data-theme="dark"] .module-card p{color:var(--hp-muted)}
html[data-theme="dark"] .badge-new{background:var(--hp-surface-2)}
html[data-theme="dark"] .search-container{background:var(--hp-surface)}
html[data-theme="dark"] .whois-result-card{background:var(--hp-surface)}
html[data-theme="dark"] .result-header{color:var(--hp-ink)}
html[data-theme="dark"] .info-item{background:var(--hp-surface-2)}
html[data-theme="dark"] .info-item p{color:var(--hp-muted)}