/*
Theme Name: How To More WP
Theme URI: https://howtomore.com
Author: HowToMore
Description: Professional WordPress theme for the HowToMore AI publisher platform, keyword intelligence, AI writer queue, newsletter, integrations and visitor-focused how-to content.
Version: 2.4.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: howtomore
*/

@import url('https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@400;500;600;700&family=Noto+Sans+Arabic:wght@400;600;700&family=Noto+Sans+Devanagari:wght@400;600;700&family=Nunito:wght@700;800;900&family=DM+Mono:wght@500&display=swap');
:root{--paper3:#E5E7EB;--teal:#0AADA0;--teal2:#088A7E;--teal-lt:#E0F7F5;--pink:#FF4D8F;--pink-lt:#FFF0F5;--amber:#FF8C00;--amber-lt:#FFF6EB;--violet:#7C3AFF;--violet-lt:#F3EEFF;--green:#18A85A;--green-lt:#E8F8EF;--blue:#1A6FD4;--blue-lt:#EBF3FF;--bg:#F8FFFE;--sur:#fff;--sur2:#FDFCF9;--ink:#111827;--ink2:#374151;--muted:#6B7280;--border:#E5E7EB;--border2:#D1D5DB;--sans:'Hind Siliguri','Segoe UI',sans-serif;--display:'Nunito',sans-serif;--mono:'DM Mono',monospace;--sh:0 1px 4px rgba(0,0,0,.06),0 4px 16px rgba(0,0,0,.04)}
[data-theme="dark"]{--bg:#0F172A;--sur:#1E293B;--sur2:#263347;--ink:#F1F5F9;--ink2:#CBD5E1;--muted:#94A3B8;--border:#334155;--border2:#475569}
*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--sans);background:var(--bg);color:var(--ink);transition:background .3s,color .3s;overflow-x:hidden;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto}a{color:inherit;text-decoration:none}.container{max-width:960px;margin:0 auto;padding:0 20px}.display{font-family:var(--display)}.site-nav{background:var(--sur);border-bottom:1px solid var(--border);padding:0 20px;display:flex;align-items:center;min-height:58px;position:sticky;top:0;z-index:100;box-shadow:var(--sh)}.logo{font-family:var(--display);font-size:22px;font-weight:900;margin-right:28px;white-space:nowrap}.logo .how{color:var(--ink)}.logo .to{color:var(--teal)}.logo .more{color:var(--pink)}.nav-cats{display:flex;gap:4px;flex:1;overflow-x:auto}.nav-cats a{padding:0 10px;height:58px;display:flex;align-items:center;font-size:12px;font-weight:600;color:var(--muted);border-bottom:2px solid transparent;white-space:nowrap}.nav-actions{display:flex;gap:8px;margin-left:auto;flex-shrink:0}.pill-btn{padding:7px 16px;background:var(--teal);color:#fff;border-radius:999px;font-size:12px;font-weight:700;border:0;cursor:pointer}.theme-toggle{padding:6px 12px;background:var(--bg);border:1px solid var(--border);border-radius:999px;font-size:11px;font-weight:600;cursor:pointer;color:var(--muted)}.hero{background:linear-gradient(145deg,#0A0F1A,#0E3A48 50%,#0A2535);padding:52px 20px 0;overflow:hidden}.hero-inner{max-width:960px;margin:0 auto;padding-bottom:48px}.badge{display:inline-flex;align-items:center;gap:6px;background:rgba(10,173,160,.18);border:1px solid rgba(10,173,160,.3);color:#6EE8DA;font-size:10px;font-weight:700;padding:4px 12px;border-radius:999px;letter-spacing:.8px;text-transform:uppercase;margin-bottom:18px}.hero h1{font-family:var(--display);font-size:42px;font-weight:900;color:#fff;line-height:1.15;margin-bottom:14px;letter-spacing:-.5px}.gradient-text{background:linear-gradient(135deg,#0AADA0,#22D3EE);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero p{font-size:14px;color:rgba(255,255,255,.5);line-height:1.8;margin-bottom:26px}.search-box{display:flex;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.3);max-width:540px}.search-box input{flex:1;padding:14px 16px;font-size:13px;border:0;outline:0;font-family:var(--sans)}.search-box button{padding:11px 22px;background:var(--pink);color:#fff;font-size:13px;font-weight:700;margin:5px;border-radius:10px;border:0;cursor:pointer;font-family:var(--sans)}.chips{display:flex;gap:7px;margin-top:16px;flex-wrap:wrap}.chips span{padding:5px 13px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.6);font-size:11px;border-radius:999px}.trust{background:#fff;border-bottom:1px solid var(--border);padding:10px 20px}.trust-inner{max-width:960px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap;font-size:12px;font-weight:600;color:var(--muted)}.trust b{color:var(--ink)}.sep{width:1px;height:20px;background:var(--border);display:inline-block}.main{max-width:960px;margin:0 auto;padding:32px 20px}.section-title{font-family:var(--display);font-size:20px;font-weight:800;color:var(--ink);margin-bottom:14px}.cat-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:28px}.cat-card{border-radius:14px;padding:16px 8px 13px;text-align:center;border:2px solid transparent}.cat-icon{font-size:24px;margin-bottom:8px}.cat-name{font-size:11px;font-weight:700;margin-bottom:2px}.cat-count{font-size:10px;opacity:.65}.featured-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.featured-head a{font-size:12px;color:var(--teal);font-weight:600}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:32px}.article-card{background:var(--sur);border:1.5px solid var(--border);border-radius:16px;overflow:hidden;display:block}.article-card-img{height:160px;overflow:hidden;position:relative}.article-card-img img{width:100%;height:100%;object-fit:cover}.article-card-body{padding:14px 16px}.article-title{font-size:15px;font-weight:700;color:var(--ink);line-height:1.4;margin-bottom:7px}.article-meta{font-size:12px;color:var(--muted);margin-bottom:9px}.read-btn{display:block;padding:8px;background:var(--teal-lt);color:var(--teal);border-radius:8px;text-align:center;font-size:12px;font-weight:700}.newsletter{background:linear-gradient(135deg,#0A0F1A,#1F2937);border-radius:20px;padding:32px;display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;margin-bottom:28px}.newsletter .eyebrow{font-size:9px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,.3);margin-bottom:9px}.newsletter h2{font-family:var(--display);font-size:22px;font-weight:900;color:#fff;line-height:1.2;margin-bottom:8px}.newsletter p{font-size:12px;color:rgba(255,255,255,.4);line-height:1.7}.newsletter form{display:flex;flex-direction:column;gap:9px}.newsletter input{padding:11px 14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:10px;font-size:12px;color:#fff;font-family:var(--sans)}.newsletter button{padding:12px;background:var(--teal);color:#fff;border:0;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;font-family:var(--sans)}.form-note{font-size:10px;color:rgba(255,255,255,.22);text-align:center}.site-footer{background:#fff;border-top:1px solid var(--border);padding:24px 20px}.footer-inner{max-width:960px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.footer-links{display:flex;gap:16px;font-size:12px;color:var(--muted)}.copyright{font-size:11px;color:var(--muted)}.article-wrap{max-width:1040px;margin:0 auto;padding:24px 20px;display:grid;grid-template-columns:1fr 300px;gap:24px;align-items:start}.article-hero{border-radius:16px;overflow:hidden;margin-bottom:20px;height:260px;position:relative}.article-hero img{width:100%;height:100%;object-fit:cover}.article-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.5),transparent 50%)}.tag-row{position:absolute;top:12px;left:12px;display:flex;gap:5px;z-index:2}.tag{font-size:9px;font-weight:700;padding:3px 10px;border-radius:999px;background:var(--teal);color:#fff}.article-content h1{font-family:var(--display);font-size:26px;font-weight:900;color:var(--ink);line-height:1.2;margin-bottom:10px}.answer-box{background:var(--teal-lt);border-left:4px solid var(--teal);padding:13px 17px;border-radius:9px;margin-bottom:18px}.answer-box small{font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--teal);display:block;margin-bottom:6px}.answer-box div{font-size:14px;font-weight:600;color:var(--ink);line-height:1.65}.panel{background:var(--sur);border:1.5px solid var(--border);border-radius:14px;padding:20px;margin-bottom:14px}.step{display:flex;gap:12px;padding:12px 14px;background:var(--bg);border-radius:10px;border:1px solid var(--border);margin-bottom:10px}.step-num{width:26px;height:26px;border-radius:7px;background:var(--teal);color:white;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;flex-shrink:0;margin-top:2px}.step-title{font-size:14px;font-weight:700;color:var(--ink);margin-bottom:3px}.step-desc{font-size:12px;color:var(--muted);line-height:1.65}.faq-item{margin-bottom:8px;background:var(--bg);border-radius:9px;border:1px solid var(--border);overflow:hidden}.faq-item summary{padding:12px 15px;font-weight:600;font-size:14px;cursor:pointer;color:var(--ink);list-style:none;display:flex;justify-content:space-between;align-items:center}.faq-item div{padding:0 15px 12px;font-size:13px;color:var(--muted);line-height:1.7}.sidebar{position:sticky;top:62px}.adbox{background:#F3F4F6;border:1px dashed #D1D5DB;border-radius:10px;height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:14px;font-size:11px;color:#9CA3AF;gap:4px}.related{background:var(--sur);border:1.5px solid var(--border);border-radius:12px;padding:14px}.related-title{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.6px;margin-bottom:10px}.related a{display:block;padding:9px;border-radius:8px;border:1px solid var(--border);margin-bottom:7px;background:var(--bg);font-size:12px;color:var(--ink)}.page-wrap{max-width:760px;margin:0 auto;padding:28px 20px}.back{font-size:12px;color:var(--teal);margin-bottom:16px;display:block}.result-card{background:var(--sur);border:1.5px solid var(--border);border-radius:12px;padding:16px;display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.admin-wrap{background:#0F172A;min-height:100vh}.admin-nav{background:#1E293B;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #334155}.admin-box{max-width:860px;margin:0 auto;padding:28px 20px}.admin-box h1{font-family:var(--display);font-size:24px;font-weight:900;color:#fff;margin-bottom:20px}.admin-card{background:#1E293B;border:1px solid #334155;border-radius:14px;padding:20px;margin-bottom:16px}.admin-grid{display:grid;grid-template-columns:1fr auto auto;gap:10px;margin-bottom:14px}.admin-card input,.admin-card select{padding:10px 13px;background:#263347;border:1px solid #334155;border-radius:8px;color:#fff;font-size:13px;font-family:sans-serif}.admin-card button{padding:10px 20px;background:var(--teal);color:#fff;border:0;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;font-family:sans-serif}.admin-result{background:#0F172A;border-radius:10px;padding:16px;max-height:420px;overflow-y:auto;color:#E2E8F0;font-size:12px;line-height:1.8;white-space:pre-wrap;font-family:monospace}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.stat{background:#1E293B;border:1px solid #334155;border-radius:10px;padding:14px;text-align:center}.stat-val{font-family:monospace;font-size:22px;font-weight:500;margin-bottom:4px}.stat-lbl{font-size:10px;color:#64748B;text-transform:uppercase;letter-spacing:.5px}.notice-msg{padding:10px;border-radius:8px;margin-top:8px;font-size:12px}.notice-ok{background:#dcfce7;color:#166534}.notice-err{background:#fee2e2;color:#991b1b}
@media(max-width:900px){.cat-grid{grid-template-columns:repeat(3,1fr)}.article-grid{grid-template-columns:1fr}.newsletter{grid-template-columns:1fr}.article-wrap{grid-template-columns:1fr}.sidebar{position:static}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.site-nav{gap:10px;flex-wrap:wrap;padding:10px 14px}.nav-cats{order:3;width:100%;flex-basis:100%}.hero h1{font-size:32px}.search-box{flex-direction:column}.search-box button{margin:0;border-radius:0}.cat-grid{grid-template-columns:repeat(2,1fr)}.admin-grid{grid-template-columns:1fr}.footer-inner{align-items:flex-start;flex-direction:column}.trust-inner{gap:10px}.sep{display:none}}

.admin-links{display:flex;gap:12px;flex-wrap:wrap}.admin-links a{color:#cbd5e1;font-size:12px;text-decoration:none}.admin-links a:hover{color:#fff}.admin-card h2{color:#e2e8f0;margin:0 0 12px;font-size:18px}.admin-card p,.admin-card li{color:#cbd5e1;line-height:1.8}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.module-grid div{background:#0f172a;border:1px solid #334155;color:#e2e8f0;border-radius:10px;padding:12px;font-size:13px}.htm-admin .widefat{background:#0f172a;border-color:#334155;color:#e2e8f0}.htm-admin .widefat th{color:#fff;background:#1e293b}.htm-admin .widefat td{color:#cbd5e1}.htm-admin textarea,.htm-admin input,.htm-admin select{max-width:100%}@media(max-width:800px){.module-grid{grid-template-columns:1fr}.admin-links{margin-top:8px}.admin-nav{align-items:flex-start;flex-direction:column}}
/* How To More Final Bright Frontend */
.hero{background:radial-gradient(circle at 16% 15%,#ffe3f1 0,#ffffff00 34%),radial-gradient(circle at 86% 0,#d9fffa 0,#ffffff00 32%),linear-gradient(135deg,#ffffff,#f2fffd 55%,#fff7fb);padding:54px 20px 28px;border-bottom:1px solid var(--border)}.hero h1{color:#0f172a;font-size:54px;max-width:640px}.hero p{color:#526174;font-size:16px;max-width:620px}.hero-inner{display:grid;grid-template-columns:1.05fr .95fr;gap:30px;align-items:center;padding-bottom:26px}.badge{background:#e1fffb;color:#078479;border-color:#a8fff3}.gradient-text{background:linear-gradient(135deg,var(--teal),var(--pink),var(--amber));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.search-box{box-shadow:0 16px 45px rgba(10,173,160,.13);border:1px solid #d9e8ef}.chips span{background:#fff;border-color:#ddeaf3;color:#42526b}.hero-showcase{background:#fff;border:1px solid #e4edf5;border-radius:28px;padding:16px;box-shadow:0 20px 55px rgba(15,23,42,.09)}.hero-main-img{height:255px;border-radius:20px;overflow:hidden;position:relative;background:#eaf2ff}.hero-main-img img{width:100%;height:100%;object-fit:cover}.hero-floating{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.hero-mini{border-radius:18px;padding:14px;background:linear-gradient(135deg,#effefa,#fff);border:1px solid #e4edf5}.hero-mini strong{display:block;font-size:20px;color:#0f172a}.hero-mini span{font-size:12px;color:#64748b}.ad-slot{max-width:730px;margin:22px auto;padding:22px;text-align:center;border:1px dashed #cbd5e1;border-radius:14px;background:#fff;color:#94a3b8;font-size:12px}.country-box,.topic-box,.security-box{background:#fff;border:1px solid var(--border);border-radius:24px;padding:22px;margin-bottom:30px;box-shadow:var(--sh)}.country-tabs,.topic-tags{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 16px}.country-tabs span,.topic-tags span{border:1px solid #dce6ef;border-radius:999px;background:#fff;padding:8px 15px;font-size:12px;font-weight:700;color:#42526b}.country-tabs span:first-child{background:var(--teal);color:#fff;border-color:var(--teal)}.kw-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.kw-card{background:#f8fffd;border:1px solid #dcece9;border-radius:14px;padding:14px}.kw-card small{font-size:10px;color:#64748b;font-weight:800;text-transform:uppercase}.kw-card b{display:block;margin:5px 0;color:#111827}.kw-card em{font-style:normal;color:var(--teal);font-weight:900;font-size:11px}.app-banner{margin:30px 0;border-radius:28px;padding:32px;background:linear-gradient(135deg,#7c3aed,#5b21d8,#0ea5e9);color:white;display:flex;align-items:center;justify-content:space-between;overflow:hidden}.app-banner h2{font-size:30px;margin:0 0 6px;font-family:var(--display)}.app-btns{display:flex;gap:10px}.app-btns a{background:#fff;color:#172554;padding:12px 20px;border-radius:14px;font-weight:900}.security-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.security-card{background:#fff;border:1px solid var(--border);border-radius:18px;text-align:center;padding:22px 12px}.security-card div{font-size:30px;margin-bottom:8px}.security-card strong{display:block;font-size:13px}.section-hidden-admin{display:none}.site-footer{background:#fff}@media(max-width:900px){.hero-inner{grid-template-columns:1fr}.hero h1{font-size:38px}.kw-grid,.security-grid{grid-template-columns:repeat(2,1fr)}.app-banner{display:block}.app-btns{margin-top:14px}}@media(max-width:560px){.kw-grid,.security-grid{grid-template-columns:1fr}.hero h1{font-size:32px}}

/* Hero post layout update: one large clickable post + two small clickable posts */
.hero{background:#0b0b09!important;padding:54px 20px 0!important;border-bottom:1px solid #181816!important;color:#fff!important;}
.hero-inner{max-width:980px!important;margin:0 auto!important;display:grid!important;grid-template-columns:1.02fr .98fr!important;gap:42px!important;align-items:center!important;padding-bottom:54px!important;}
.hero-copy{min-width:0;}
.hero .badge{background:rgba(225,0,38,.18)!important;color:#ffedf1!important;border:1px solid rgba(225,0,38,.55)!important;border-radius:999px!important;padding:6px 16px!important;font-size:11px!important;font-weight:800!important;text-transform:none!important;letter-spacing:0!important;margin-bottom:22px!important;}
.hero h1{font-family:var(--display)!important;color:#fff!important;font-size:52px!important;line-height:.98!important;letter-spacing:-1px!important;margin-bottom:22px!important;max-width:520px!important;text-shadow:0 2px 0 rgba(0,0,0,.2)!important;}
.hero .gradient-text{background:linear-gradient(135deg,#ff2d55,#ff6b86)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;}
.hero p{color:#a1a1aa!important;font-size:15px!important;line-height:1.8!important;max-width:560px!important;margin-bottom:25px!important;}
.hero .search-box{max-width:440px!important;background:#fff!important;border:0!important;border-radius:13px!important;overflow:hidden!important;box-shadow:none!important;}
.hero .search-box input{padding:15px 20px!important;font-size:13px!important;color:#111827!important;}
.hero .search-box button{background:#e5002d!important;color:#fff!important;border-radius:10px!important;margin:5px!important;padding:11px 22px!important;font-weight:900!important;}
.hero .chips{gap:8px!important;margin-top:16px!important;}
.hero .chips span{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.13)!important;color:#c8c8d0!important;padding:6px 13px!important;border-radius:999px!important;font-size:11px!important;}
.hero-posts{display:grid;gap:12px;width:100%;}
.hero-post{display:block;text-decoration:none;color:#fff;background:#191918;border:1px solid rgba(255,255,255,.10);border-radius:14px;overflow:hidden;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;}
.hero-post:hover{transform:translateY(-3px);border-color:rgba(0,214,177,.55);box-shadow:0 18px 50px rgba(0,0,0,.34);color:#fff;}
.hero-post-large{min-height:224px;}
.hero-post-img{height:140px;background:#101010;overflow:hidden;position:relative;}
.hero-post-img:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.42),rgba(0,0,0,0) 60%);}
.hero-post-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease;}
.hero-post-large:hover .hero-post-img img{transform:scale(1.045);}
.hero-post-body{padding:13px 14px 14px;position:relative;}
.hero-rank{display:inline-flex;background:#e5002d;color:#fff;border-radius:999px;font-size:10px;font-weight:900;padding:5px 10px;margin-top:-28px;margin-bottom:9px;position:relative;z-index:2;}
.hero-post-meta{font-size:10px;font-weight:900;letter-spacing:1.3px;text-transform:uppercase;color:#777d8a;margin-bottom:7px;}
.hero-post h2{font-family:var(--sans)!important;font-size:15px!important;line-height:1.35!important;margin:0 0 8px!important;color:#fff!important;letter-spacing:0!important;text-shadow:none!important;max-width:none!important;}
.hero-post-foot{display:flex;align-items:center;justify-content:space-between;color:#00e2bd;font-size:12px;font-weight:800;}
.hero-post-foot strong{font-family:var(--sans);font-size:11px;color:#a1a1aa;font-weight:700;}
.hero-small-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.hero-post-small{padding:16px 14px;min-height:84px;}
.hero-post-small h3{font-size:13px;line-height:1.38;color:#fff;margin:0 0 12px;font-weight:900;}
.hero-post-small strong{display:block;color:#00e2bd;font-size:12px;font-weight:900;}
.hero-showcase,.hero-main-img,.hero-floating,.hero-mini{display:none!important;}
@media(max-width:900px){.hero-inner{grid-template-columns:1fr!important;gap:28px!important}.hero h1{font-size:40px!important}.hero-posts{max-width:560px}.hero-small-grid{grid-template-columns:1fr 1fr!important}}
@media(max-width:560px){.hero{padding:38px 16px 0!important}.hero h1{font-size:34px!important}.hero .search-box{flex-direction:column!important;max-width:none!important}.hero .search-box button{margin:0!important;border-radius:0!important}.hero-small-grid{grid-template-columns:1fr!important}.hero-post-img{height:150px}}

/* Hero Right exact clickable 1 large + 2 small cards */
.hero-right{display:grid!important;gap:16px!important;width:100%!important;max-width:590px!important;justify-self:end!important;}
.hc-main,.hc-small{display:block!important;text-decoration:none!important;color:#fff!important;background:#1b1b19!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:18px!important;overflow:hidden!important;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;}
.hc-main:hover,.hc-small:hover{transform:translateY(-3px)!important;border-color:#0aada0!important;box-shadow:0 18px 50px rgba(0,0,0,.42)!important;color:#fff!important;}
.hc-img{height:226px!important;position:relative!important;overflow:hidden!important;background:#101010!important;}
.hc-img img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;filter:brightness(.72)!important;transition:transform .25s ease!important;}
.hc-main:hover .hc-img img{transform:scale(1.045)!important;}
.hc-img-ov{position:absolute!important;inset:0!important;background:linear-gradient(to top,rgba(0,0,0,.45),rgba(0,0,0,0) 55%)!important;pointer-events:none!important;}
.hc-cat-tag{position:absolute!important;top:14px!important;left:16px!important;z-index:3!important;background:#0aada0!important;color:#fff!important;border-radius:999px!important;padding:7px 14px!important;font-size:12px!important;font-weight:900!important;letter-spacing:.4px!important;text-transform:uppercase!important;}
.hc-langs{position:absolute!important;top:14px!important;right:14px!important;z-index:3!important;display:flex!important;gap:8px!important;}
.hc-lang{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:36px!important;height:31px!important;border-radius:999px!important;font-size:12px!important;font-weight:900!important;box-shadow:0 5px 18px rgba(0,0,0,.25)!important;}
.hc-lang.hl-en{background:#fff!important;color:#111827!important;}
.hc-lang.hl-bn{background:#0aada0!important;color:#fff!important;}
.hc-lang.hl-ar{background:#7c3aed!important;color:#fff!important;}
.hc-lang.hl-hi{background:#f59e0b!important;color:#111827!important;}
.hc-body{padding:19px 20px 22px!important;background:#1b1b19!important;}
.hc-meta{font-size:12px!important;font-weight:900!important;letter-spacing:1.4px!important;text-transform:uppercase!important;color:#7b7f88!important;margin-bottom:11px!important;}
.hc-main h2{font-family:var(--sans)!important;font-size:21px!important;line-height:1.35!important;color:#fff!important;margin:0 0 13px!important;max-width:none!important;letter-spacing:0!important;text-shadow:none!important;}
.hc-body p{font-size:14px!important;color:#6f747c!important;margin:0!important;line-height:1.4!important;}
.hc-small-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;}
.hc-small{min-height:91px!important;padding:20px 19px!important;border-radius:13px!important;}
.hc-small h3{font-size:16px!important;line-height:1.35!important;color:#fff!important;margin:0!important;font-weight:900!important;}
.hero-posts,.hero-post,.hero-small-grid{display:none!important;}
@media(max-width:900px){.hero-right{max-width:none!important;justify-self:stretch!important}.hc-img{height:210px!important}}
@media(max-width:560px){.hc-small-grid{grid-template-columns:1fr!important}.hc-img{height:190px!important}.hc-main h2{font-size:18px!important}.hc-small h3{font-size:15px!important}}

/* Hero Right final tuning: keep previous black/red hero color, make right post cards smaller and cleaner */
.hero{background:#0b0b09!important;padding:48px 20px 0!important;border-bottom:1px solid #181816!important;color:#fff!important;}
.hero-inner{max-width:980px!important;grid-template-columns:1.05fr .95fr!important;gap:34px!important;align-items:center!important;padding-bottom:46px!important;}
.hero .badge{background:rgba(225,0,38,.18)!important;color:#ffedf1!important;border-color:rgba(225,0,38,.55)!important;}
.hero .gradient-text{background:linear-gradient(135deg,#ff2d55,#ff6b86)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;}
.hero .search-box button{background:#e5002d!important;}
.hero-right{max-width:440px!important;justify-self:end!important;display:grid!important;gap:10px!important;}
.hc-main,.hc-small{background:#191918!important;border:1px solid rgba(255,255,255,.10)!important;color:#fff!important;box-shadow:none!important;}
.hc-main{border-radius:17px!important;overflow:hidden!important;}
.hc-main:hover,.hc-small:hover{border-color:rgba(0,214,177,.55)!important;box-shadow:0 16px 42px rgba(0,0,0,.34)!important;transform:translateY(-2px)!important;}
.hc-img{height:184px!important;background:#101010!important;}
.hc-img img{filter:brightness(.68)!important;}
.hc-cat-tag{top:13px!important;left:14px!important;background:#e5002d!important;color:#fff!important;padding:5px 11px!important;font-size:10px!important;}
.hc-langs{top:12px!important;right:12px!important;gap:6px!important;}
.hc-lang{min-width:31px!important;height:27px!important;font-size:10px!important;}
.hc-lang.hl-bn{background:#0aada0!important;color:#fff!important;}
.hc-body{padding:15px 17px 17px!important;background:#1b1b19!important;}
.hc-meta{font-size:10px!important;letter-spacing:1.25px!important;margin-bottom:8px!important;color:#767d8a!important;}
.hc-main h2{font-size:17px!important;line-height:1.36!important;margin:0 0 8px!important;color:#fff!important;}
.hc-body p{font-size:12px!important;color:#8d929b!important;}
.hc-small-grid{grid-template-columns:1fr 1fr!important;gap:10px!important;}
.hc-small{min-height:78px!important;padding:15px 16px!important;border-radius:12px!important;}
.hc-small h3{font-size:13.5px!important;line-height:1.38!important;color:#fff!important;margin:0!important;font-weight:900!important;}
@media(max-width:900px){.hero-right{max-width:560px!important;justify-self:start!important}.hc-img{height:190px!important}}
@media(max-width:560px){.hero-right{max-width:none!important}.hc-img{height:170px!important}.hc-main h2{font-size:16px!important}.hc-small-grid{grid-template-columns:1fr!important}.hc-small{min-height:auto!important}}

/* Final Hero Left Gradient Background like provided reference */
.hero{
  background:
    radial-gradient(circle at 12% 8%, rgba(255,216,235,.95) 0, rgba(255,216,235,.58) 26%, rgba(255,255,255,0) 46%),
    radial-gradient(circle at 85% 14%, rgba(203,255,247,.95) 0, rgba(203,255,247,.58) 28%, rgba(255,255,255,0) 48%),
    linear-gradient(135deg,#fff6fb 0%,#f8fffd 52%,#eefdf9 100%)!important;
  color:#101827!important;
  padding:54px 20px 34px!important;
  border-bottom:1px solid #dce8ef!important;
}
.hero-inner{
  max-width:1040px!important;
  grid-template-columns:1.08fr .92fr!important;
  gap:30px!important;
  align-items:center!important;
  padding-bottom:24px!important;
}
.hero-copy{text-align:left!important;min-width:0!important;}
.hero .badge{
  background:#e9fffc!important;
  color:#047e73!important;
  border:1px solid #7ff3e8!important;
  box-shadow:0 8px 24px rgba(10,173,160,.10)!important;
  border-radius:999px!important;
  padding:5px 14px!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.9px!important;
  text-transform:uppercase!important;
  margin-bottom:22px!important;
}
.hero h1{
  font-family:var(--display)!important;
  color:#101827!important;
  font-size:52px!important;
  line-height:1.08!important;
  letter-spacing:-1.15px!important;
  margin-bottom:20px!important;
  max-width:620px!important;
  text-shadow:none!important;
}
.hero .gradient-text{
  background:linear-gradient(90deg,#0aada0 0%,#6b8aa6 25%,#ff3f93 55%,#ff8a2b 100%)!important;
  -webkit-background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  background-clip:text!important;
}
.hero p{
  color:#46566b!important;
  font-size:16px!important;
  line-height:1.9!important;
  max-width:620px!important;
  margin-bottom:28px!important;
}
.hero .search-box{
  max-width:520px!important;
  background:#fff!important;
  border:1px solid #d8e8f1!important;
  border-radius:15px!important;
  overflow:hidden!important;
  box-shadow:0 18px 48px rgba(15,23,42,.08),0 8px 28px rgba(10,173,160,.08)!important;
}
.hero .search-box input{
  padding:16px 18px!important;
  font-size:13px!important;
  color:#344256!important;
}
.hero .search-box input::placeholder{color:#7d8897!important;opacity:1!important;}
.hero .search-box button{
  background:#ff3f8f!important;
  color:#fff!important;
  border-radius:12px!important;
  margin:6px!important;
  padding:12px 22px!important;
  font-size:14px!important;
  font-weight:900!important;
  box-shadow:0 10px 25px rgba(255,63,143,.25)!important;
}
.hero .chips{gap:9px!important;margin-top:17px!important;}
.hero .chips span{
  background:#fff!important;
  border:1px solid #d9e6ef!important;
  color:#3c4b61!important;
  box-shadow:0 7px 22px rgba(15,23,42,.04)!important;
  padding:7px 14px!important;
  border-radius:999px!important;
  font-size:11px!important;
  font-weight:700!important;
}
/* Keep Hero Right dark clickable cards, slightly compact */
.hero-right{max-width:420px!important;justify-self:end!important;display:grid!important;gap:10px!important;}
.hc-main,.hc-small{background:#191918!important;border:1px solid rgba(15,23,42,.12)!important;color:#fff!important;}
.hc-main{border-radius:17px!important;box-shadow:0 22px 55px rgba(15,23,42,.14)!important;}
.hc-img{height:176px!important;}
.hc-body{padding:14px 16px 16px!important;}
.hc-main h2{font-size:16.5px!important;}
.hc-small{min-height:74px!important;padding:14px 15px!important;}
.hc-small h3{font-size:13px!important;}
@media(max-width:900px){
  .hero-inner{grid-template-columns:1fr!important;gap:28px!important;}
  .hero-copy{text-align:center!important;}
  .hero h1,.hero p,.hero .search-box{margin-left:auto!important;margin-right:auto!important;}
  .hero-right{max-width:520px!important;justify-self:center!important;}
}
@media(max-width:560px){
  .hero{padding:40px 16px 26px!important;}
  .hero h1{font-size:38px!important;}
  .hero p{font-size:14px!important;}
  .hero .search-box{flex-direction:column!important;max-width:none!important;}
  .hero .search-box button{margin:0!important;border-radius:0!important;}
}

/* Auto Top Viewed Hero Right: Glass 70%, 1 large + 2 small clickable posts */
.hero-right{display:grid!important;gap:12px!important;max-width:440px!important;justify-self:end!important;width:100%!important;}
.hero-card-big,.hcs{
  display:block!important;text-decoration:none!important;color:#0f172a!important;
  background:rgba(255,255,255,.70)!important;
  backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;
  border:1px solid rgba(255,255,255,.42)!important;
  box-shadow:0 10px 34px rgba(15,23,42,.10),inset 0 1px 0 rgba(255,255,255,.52)!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease!important;
  will-change:transform;
}
.hero-card-big{border-radius:22px!important;overflow:hidden!important;}
.hero-card-big:hover,.hcs:hover{
  transform:translateY(-2px)!important;
  background:rgba(255,255,255,.78)!important;
  border-color:rgba(10,173,160,.55)!important;
  box-shadow:0 18px 46px rgba(15,23,42,.16),inset 0 1px 0 rgba(255,255,255,.62)!important;
  color:#0f172a!important;
}
.hcb-img{height:174px!important;position:relative!important;overflow:hidden!important;background:rgba(255,255,255,.35)!important;}
.hcb-img img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;filter:saturate(1.03) contrast(1.02)!important;transition:transform .22s ease!important;}
.hero-card-big:hover .hcb-img img{transform:scale(1.035)!important;}
.hcb-img-ov{position:absolute!important;inset:0!important;background:linear-gradient(to top,rgba(255,255,255,.70) 0%,rgba(255,255,255,.18) 52%,rgba(255,255,255,.04) 100%)!important;pointer-events:none!important;}
.hcb-rank{position:absolute!important;left:12px!important;bottom:10px!important;z-index:2!important;background:#ff3b78!important;color:#fff!important;border-radius:999px!important;padding:5px 10px!important;font-size:10px!important;font-weight:900!important;line-height:1!important;box-shadow:0 8px 18px rgba(255,59,120,.25)!important;}
.hcb-body{padding:13px 15px 15px!important;background:rgba(255,255,255,.54)!important;}
.hcb-cat,.hcs-cat{font-size:10px!important;font-weight:900!important;letter-spacing:1.35px!important;text-transform:uppercase!important;color:#64748b!important;margin-bottom:8px!important;}
.hcb-title{font-size:16px!important;line-height:1.35!important;font-weight:900!important;color:#0f172a!important;margin-bottom:9px!important;}
.hcb-meta{display:flex!important;align-items:center!important;gap:6px!important;color:#64748b!important;font-size:11px!important;line-height:1.2!important;}
.hcb-earn,.hcs-earn{margin-left:auto!important;background:rgba(16,185,129,.15)!important;color:#059669!important;padding:4px 10px!important;border-radius:999px!important;font-size:11px!important;font-weight:900!important;white-space:nowrap!important;}
.hero-cards-sm{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;}
.hcs{min-height:82px!important;border-radius:18px!important;padding:15px 16px!important;overflow:hidden!important;}
.hcs-title{font-size:13px!important;line-height:1.38!important;font-weight:900!important;color:#0f172a!important;margin-bottom:10px!important;}
.hcs-earn{display:inline-block!important;margin-left:0!important;}
/* hide any old hero right card variants if cached templates still print them */
.hero-posts,.hc-main,.hc-small-grid{display:none!important;}

/* frontend speed: render below-fold sections lazily in supported browsers */
.trust,.main,.ad-slot,footer{content-visibility:auto;contain-intrinsic-size:1px 420px;}
.article-card-img img,.hcb-img img{background:#eef2f7;}

@media(max-width:900px){.hero-right{max-width:520px!important;justify-self:center!important}.hcb-img{height:186px!important}}
@media(max-width:560px){.hero-right{max-width:none!important}.hcb-img{height:164px!important}.hero-cards-sm{grid-template-columns:1fr!important}.hcb-title{font-size:15px!important}.hcs{min-height:auto!important}}

/* Country tabs: clickable + flags + dynamic data */
.country-tabs{align-items:center}
.country-tabs .country-tab{display:inline-flex;align-items:center;gap:7px;border:1px solid #dce6ef;border-radius:999px;background:rgba(255,255,255,.82);padding:8px 15px;font-size:12px;font-weight:800;color:#42526b;cursor:pointer;font-family:var(--body);transition:all .18s ease;box-shadow:0 4px 16px rgba(15,23,42,.04)}
.country-tabs .country-tab .flag{font-size:15px;line-height:1}
.country-tabs .country-tab:hover{transform:translateY(-1px);border-color:rgba(10,173,160,.45);box-shadow:0 10px 24px rgba(15,23,42,.08)}
.country-tabs .country-tab.active{background:linear-gradient(135deg,var(--teal),#12c7b7);color:#fff;border-color:transparent;box-shadow:0 12px 28px rgba(10,173,160,.22)}
.kw-card{display:block;text-decoration:none;transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease}.kw-card:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(15,23,42,.08);border-color:rgba(10,173,160,.35)}

/* Hero image clear: no white/fog overlay on hcb-img */
.hcb-img{background:#eef2f7!important;isolation:isolate!important;}
.hcb-img img{filter:none!important;opacity:1!important;transform:translateZ(0)!important;backface-visibility:hidden!important;}
.hcb-img-ov{background:linear-gradient(to top,rgba(0,0,0,.28) 0%,rgba(0,0,0,.08) 42%,rgba(0,0,0,0) 100%)!important;}
.hcb-body{background:rgba(255,255,255,.70)!important;}


/* === REAL FIX 2026-06-03: country flags/tabs + clear hero image === */
.country-tabs{display:flex!important;gap:10px!important;flex-wrap:wrap!important;align-items:center!important}
.country-tabs span{border:0!important;background:transparent!important;padding:0!important;border-radius:0!important;color:inherit!important;box-shadow:none!important}
.country-tabs .country-tab{appearance:none!important;-webkit-appearance:none!important;display:inline-flex!important;align-items:center!important;gap:8px!important;border:1px solid #dce6ef!important;border-radius:999px!important;background:rgba(255,255,255,.88)!important;padding:8px 15px!important;font-size:12px!important;font-weight:800!important;color:#42526b!important;cursor:pointer!important;font-family:var(--body)!important;transition:all .18s ease!important;box-shadow:0 4px 16px rgba(15,23,42,.04)!important}
.country-tabs .country-tab .flag{display:inline-block!important;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif!important;font-size:17px!important;line-height:1!important;min-width:19px!important;text-align:center!important}
.country-tabs .country-tab .country-name{display:inline-block!important;line-height:1!important}
.country-tabs .country-tab:hover{transform:translateY(-1px)!important;border-color:rgba(10,173,160,.45)!important;box-shadow:0 10px 24px rgba(15,23,42,.08)!important}
.country-tabs .country-tab.active{background:linear-gradient(135deg,var(--teal),#12c7b7)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 12px 28px rgba(10,173,160,.22)!important}
#countryKwGrid{transition:opacity .16s ease, transform .16s ease!important}
#countryKwGrid.changing{opacity:.35!important;transform:translateY(3px)!important}

/* keep Hero Right image fully clear; glass effect only on card body, not over image */
.hero-card-big .hcb-img{background:#eef2f7!important;isolation:isolate!important;overflow:hidden!important}
.hero-card-big .hcb-img img{filter:none!important;opacity:1!important;mix-blend-mode:normal!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transform:none!important;object-fit:cover!important;image-rendering:auto!important}
.hero-card-big:hover .hcb-img img{transform:scale(1.025)!important}
.hero-card-big .hcb-img-ov{display:none!important;background:none!important;opacity:0!important}
.hero-card-big .hcb-body{background:rgba(255,255,255,.70)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important}


/* === FINAL FIX 2026-06-03: country tab unbroken + image 100% clear === */
.country-box .country-tabs{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:10px!important;
  margin:12px 0 18px!important;
}
.country-box .country-tabs > button.country-tab,
.country-box .country-tabs > .country-tab{
  appearance:none!important;
  -webkit-appearance:none!important;
  border:1px solid #dbe7ef!important;
  outline:0!important;
  border-radius:999px!important;
  background:#ffffff!important;
  color:#314158!important;
  padding:7px 14px!important;
  height:38px!important;
  min-width:auto!important;
  max-width:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  white-space:nowrap!important;
  line-height:1!important;
  font-size:12px!important;
  font-weight:800!important;
  font-family:var(--body, Arial, sans-serif)!important;
  box-shadow:0 5px 18px rgba(15,23,42,.04)!important;
  cursor:pointer!important;
  overflow:visible!important;
  text-decoration:none!important;
}
.country-box .country-tabs > button.country-tab span,
.country-box .country-tabs > .country-tab span,
.country-box .country-tabs > button.country-tab span:first-child,
.country-box .country-tabs > .country-tab span:first-child{
  all:unset!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  margin:0!important;
  border-radius:0!important;
  color:inherit!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.country-box .country-tabs > button.country-tab .flag,
.country-box .country-tabs > .country-tab .flag{
  font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif!important;
  font-size:16px!important;
  width:18px!important;
  min-width:18px!important;
  height:18px!important;
  line-height:18px!important;
}
.country-box .country-tabs > button.country-tab .country-name,
.country-box .country-tabs > .country-tab .country-name{
  font-size:12px!important;
  font-weight:800!important;
  color:inherit!important;
}
.country-box .country-tabs > button.country-tab.active,
.country-box .country-tabs > .country-tab.active{
  background:linear-gradient(135deg,var(--teal,#10b8a6),#13c8b8)!important;
  color:#fff!important;
  border-color:transparent!important;
  box-shadow:0 10px 24px rgba(10,173,160,.22)!important;
}
.country-box .country-tabs > button.country-tab:hover,
.country-box .country-tabs > .country-tab:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(10,173,160,.45)!important;
}

.hero-right .hero-card-big .hcb-img,
.hero-card-big .hcb-img{
  background:#f1f5f9!important;
  overflow:hidden!important;
  isolation:isolate!important;
}
.hero-right .hero-card-big .hcb-img img,
.hero-card-big .hcb-img img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
  opacity:1!important;
  filter:none!important;
  -webkit-filter:none!important;
  mix-blend-mode:normal!important;
  transform:none!important;
  backface-visibility:hidden!important;
  image-rendering:auto!important;
}
.hero-right .hero-card-big:hover .hcb-img img,
.hero-card-big:hover .hcb-img img{
  transform:none!important;
}
.hero-right .hero-card-big .hcb-img-ov,
.hero-card-big .hcb-img-ov{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  background:none!important;
}

/* === Update: Top How To Worldwide + Editor Picks section === */
.kw-card em{display:none!important;}
.editor-picks{margin-top:26px;margin-bottom:34px;}
.sh{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:0 0 16px;}
.sh-left{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.sh-rule{width:5px;height:32px;border-radius:999px;background:linear-gradient(180deg,var(--teal),var(--pink));box-shadow:0 8px 20px rgba(10,173,160,.25);}
.sh h2{font-family:var(--display);font-size:26px;font-weight:900;color:var(--ink);line-height:1;margin:0;}
.sh-sub{font-size:12px;font-weight:700;color:var(--muted);background:rgba(255,255,255,.75);border:1px solid var(--border);padding:5px 10px;border-radius:999px;}
.sh a{font-size:13px;font-weight:900;color:var(--teal);white-space:nowrap;}
.main-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:18px;align-items:stretch;}
.feat-card,.sl-item{display:block;text-decoration:none;color:inherit;}
.feat-card{background:rgba(255,255,255,.78);border:1px solid rgba(226,232,240,.9);border-radius:24px;overflow:hidden;box-shadow:0 18px 45px rgba(15,23,42,.08);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;}
.feat-card:hover,.sl-item:hover{transform:translateY(-3px);box-shadow:0 24px 55px rgba(15,23,42,.12);border-color:rgba(10,173,160,.36);}
.fc-img{height:290px;position:relative;overflow:hidden;background:#eef5f4;}
.fc-img img{width:100%;height:100%;object-fit:cover;display:block;filter:none!important;opacity:1!important;transform:none!important;}
.fc-img-ov{position:absolute;inset:0;background:linear-gradient(to top,rgba(8,15,23,.55) 0%,rgba(8,15,23,.10) 52%,rgba(8,15,23,.06) 100%);pointer-events:none;}
.fc-img-badges{position:absolute;top:14px;left:14px;display:flex;align-items:center;gap:8px;z-index:2;}
.fc-cat,.fc-rank{font-size:10px;font-weight:900;border-radius:999px;padding:6px 11px;line-height:1;box-shadow:0 10px 25px rgba(15,23,42,.16);}
.fc-cat{background:var(--teal);color:#fff;}
.fc-rank{background:#fff;color:#0f172a;}
.fc-langs{position:absolute;top:14px;right:14px;display:flex;gap:6px;z-index:2;}
.fc-lang{min-width:30px;height:30px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:900;background:#fff;color:#111827;box-shadow:0 10px 25px rgba(15,23,42,.16);}
.fc-lang.bn{background:var(--teal);color:#fff;}
.fc-bottom-meta{position:absolute;left:14px;right:14px;bottom:14px;display:flex;align-items:center;gap:10px;z-index:2;}
.fc-views{font-size:12px;font-weight:800;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.35);}
.fc-earn-badge{margin-left:auto;background:rgba(16,185,129,.95);color:#fff;border-radius:999px;padding:6px 11px;font-size:11px;font-weight:900;box-shadow:0 10px 24px rgba(16,185,129,.25);}
.fc-body{padding:18px 20px 20px;}
.fc-eyebrow{font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--teal);margin-bottom:7px;}
.fc-title{font-family:var(--display);font-size:24px;font-weight:900;color:var(--ink);line-height:1.18;margin-bottom:10px;}
.fc-desc{font-size:13px;line-height:1.75;color:var(--muted);margin-bottom:15px;}
.fc-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;}
.fc-inc{display:flex;align-items:center;gap:10px;background:var(--bg);border:1px solid var(--border);border-radius:16px;padding:9px 12px;}
.fc-inc-item{text-align:left;}
.fc-inc-val{font-family:var(--mono);font-size:14px;font-weight:900;line-height:1.1;}
.fc-inc-lbl{font-size:10px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;}
.fc-read{display:inline-flex;align-items:center;gap:6px;background:var(--pink);color:#fff;border-radius:14px;padding:10px 15px;font-size:13px;font-weight:900;white-space:nowrap;}
.side-list{display:flex;flex-direction:column;gap:12px;}
.sl-item{background:rgba(255,255,255,.80);border:1px solid rgba(226,232,240,.95);border-radius:18px;padding:10px;display:grid;grid-template-columns:92px 1fr;gap:12px;align-items:center;box-shadow:0 12px 32px rgba(15,23,42,.05);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;}
.sl-img{height:78px;border-radius:14px;overflow:hidden;background:#e8e3d9;}
.sl-img img{width:100%;height:100%;object-fit:cover;display:block;filter:none!important;opacity:1!important;}
.sl-cat{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:var(--teal);margin-bottom:5px;}
.sl-title{font-size:14px;font-weight:900;color:var(--ink);line-height:1.3;margin-bottom:7px;}
.sl-meta{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:800;color:var(--muted);}
.sl-kd{background:var(--teal-lt);color:var(--teal);border-radius:999px;padding:2px 7px;font-size:10px;font-weight:900;}
@media(max-width:900px){.main-grid{grid-template-columns:1fr}.fc-img{height:240px}.side-list{display:grid;grid-template-columns:1fr 1fr}.sl-item{grid-template-columns:76px 1fr}.sl-img{height:68px}}
@media(max-width:560px){.sh{align-items:flex-start;flex-direction:column}.sh h2{font-size:22px}.side-list{grid-template-columns:1fr}.fc-footer{align-items:flex-start;flex-direction:column}.fc-read{width:100%;justify-content:center}.fc-img{height:210px}.fc-title{font-size:20px}}


/* How To More final visitor-focused cleanup */
.hcb-earn,.hcs-earn,.fc-earn-badge,.fc-inc,.sl-kd,.kw-card em{display:none!important;}
.hero-card-big,.hcs,.feat-card,.sl-item{cursor:pointer;}
.hcb-img img,.fc-img img,.article-card-img img{filter:none!important;opacity:1!important;transform:none;}
.hcb-img-ov{display:none!important;background:none!important;}
.fc-bottom-meta{justify-content:flex-start!important;}
.fc-footer.clean{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:18px;}
.fc-trust{font-size:12px;font-weight:800;color:var(--teal);background:var(--teal-lt);border:1px solid rgba(10,173,160,.18);border-radius:999px;padding:8px 12px;}
.sl-meta{gap:8px;color:var(--muted);font-size:12px;}
.country-tab{display:inline-flex!important;align-items:center!important;gap:8px!important;white-space:nowrap!important;line-height:1!important;}
.country-tab .flag{display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:17px!important;line-height:1!important;flex:0 0 auto!important;}
.country-tab .country-name{display:inline-block!important;white-space:nowrap!important;line-height:1!important;}
.visitor-newsletter{background:linear-gradient(135deg,#0AADA0 0%,#22D3EE 45%,#6D5DFB 100%)!important;color:#fff!important;border-radius:28px!important;padding:34px!important;box-shadow:0 24px 70px rgba(10,173,160,.22)!important;overflow:hidden!important;position:relative!important;}
.visitor-newsletter:before{content:"";position:absolute;right:-80px;top:-80px;width:220px;height:220px;background:rgba(255,255,255,.18);border-radius:50%;filter:blur(2px);}
.visitor-newsletter:after{content:"";position:absolute;left:-70px;bottom:-90px;width:180px;height:180px;background:rgba(255,255,255,.12);border-radius:50%;}
.visitor-newsletter .nl-left,.visitor-newsletter .nl-right{position:relative;z-index:1;}
.nl-eyebrow{font-size:12px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.78);margin-bottom:10px;}
.nl-title{font-family:var(--display);font-size:36px;font-weight:900;line-height:1.05;color:#fff;margin-bottom:12px;letter-spacing:-.02em;}
.nl-sub{font-size:14px;line-height:1.75;color:rgba(255,255,255,.82);}
.nl-trust{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px;}
.nl-trust span{background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800;color:#fff;}
.nl-form{background:rgba(255,255,255,.72);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.45);border-radius:24px;padding:20px;box-shadow:0 14px 44px rgba(15,23,42,.12);display:flex;flex-direction:column;gap:10px;}
.nl-input{width:100%;background:#fff!important;color:var(--ink)!important;border:1px solid rgba(15,23,42,.08)!important;border-radius:14px!important;padding:14px 16px!important;font-family:var(--sans)!important;font-size:14px!important;outline:none;}
.nl-input:focus{border-color:var(--teal)!important;box-shadow:0 0 0 4px rgba(10,173,160,.12)!important;}
.nl-btn{background:linear-gradient(135deg,#0A0F1A,#102A43)!important;color:#fff!important;border:0!important;border-radius:14px!important;padding:14px 18px!important;font-family:var(--sans)!important;font-size:14px!important;font-weight:900!important;cursor:pointer!important;}
.nl-note{font-size:11px;text-align:center;color:#475569;font-weight:700;}
@media(max-width:760px){.visitor-newsletter{grid-template-columns:1fr!important;padding:26px!important;border-radius:22px!important}.nl-title{font-size:30px}.fc-footer.clean{align-items:flex-start;flex-direction:column}.main-grid{grid-template-columns:1fr!important}.side-list{grid-template-columns:1fr!important}}

/* === Final visitor-focused category strip + dashboard toggles === */
.home-categories{margin:0 0 30px;}
.home-categories .sh{margin-bottom:14px!important;}
.cat-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:28px;}
.cat-strip .cat-card{display:flex;min-height:126px;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1.5px solid rgba(15,23,42,.08);background:rgba(255,255,255,.82);border-radius:22px;padding:18px 10px;box-shadow:0 14px 38px rgba(15,23,42,.07);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;background-image:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.7));}
.cat-strip .cat-card:hover,.cat-strip .cat-card.active{transform:translateY(-3px);border-color:rgba(10,173,160,.42);box-shadow:0 22px 55px rgba(10,173,160,.16);}
.cat-strip .cat-icon{font-size:30px;margin-bottom:10px;line-height:1;}
.cat-strip .cat-name{font-size:14px;font-weight:800;color:var(--ink);margin-bottom:4px;}
.cat-strip .cat-count{font-size:11px;font-weight:700;color:var(--muted);}
.cat-strip .cat-card:nth-child(1){background:linear-gradient(180deg,#ECFEFF,#fff)}
.cat-strip .cat-card:nth-child(2){background:linear-gradient(180deg,#EEF2FF,#fff)}
.cat-strip .cat-card:nth-child(3){background:linear-gradient(180deg,#FFF7ED,#fff)}
.cat-strip .cat-card:nth-child(4){background:linear-gradient(180deg,#FEF3C7,#fff)}
.cat-strip .cat-card:nth-child(5){background:linear-gradient(180deg,#ECFDF5,#fff)}
.cat-strip .cat-card:nth-child(6){background:linear-gradient(180deg,#FDF2F8,#fff)}
@media(max-width:900px){.cat-strip{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.cat-strip{grid-template-columns:repeat(2,1fr);gap:10px}.cat-strip .cat-card{min-height:112px;border-radius:18px}.cat-strip .cat-icon{font-size:26px}.cat-strip .cat-name{font-size:13px}}

/* === Final added popular topics + premium newsletter box === */
:root{--violet:#7c3aed;--paper3:#e2e8f0;}
.popular-topics-section{margin:4px 0 32px;}
.sh-l{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.sh-pill{display:inline-flex;align-items:center;gap:6px;background:#F3EEFF;color:var(--violet);border-radius:999px;padding:7px 13px;font-size:12px;font-weight:900;line-height:1;}
.sh-h{font-size:22px;font-weight:900;color:var(--ink);font-family:var(--display);line-height:1.1;}
.topics{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px;}
.topic{display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.86);border:1px solid rgba(15,23,42,.08);box-shadow:0 10px 30px rgba(15,23,42,.05);border-radius:999px;padding:11px 16px;font-size:13px;font-weight:800;color:#334155;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease;}
.topic:hover{transform:translateY(-2px);border-color:rgba(124,58,237,.28);box-shadow:0 18px 44px rgba(124,58,237,.12);background:#fff;color:#111827;}
.nlbox{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 390px;gap:28px;align-items:center;border-radius:32px;padding:38px;background:radial-gradient(circle at 0% 0%,rgba(255,255,255,.34),transparent 30%),radial-gradient(circle at 100% 0%,rgba(255,255,255,.22),transparent 28%),linear-gradient(135deg,#0AADA0 0%,#22D3EE 46%,#6D5DFB 100%);box-shadow:0 28px 80px rgba(10,173,160,.22);color:#fff;margin-bottom:30px;}
.nlbox:before{content:"";position:absolute;right:-90px;top:-100px;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.16);}
.nlbox:after{content:"";position:absolute;left:-95px;bottom:-120px;width:240px;height:240px;border-radius:50%;background:rgba(255,255,255,.12);}
.nlbox-left,.nlbox>div{position:relative;z-index:1;}
.nl-ey{font-size:13px;font-weight:900;color:rgba(255,255,255,.85);margin-bottom:12px;}
.nlbox .nl-title{font-family:var(--display);font-size:42px;font-weight:900;line-height:1.02;color:#fff;letter-spacing:-.03em;margin:0;}
.nlbox .nl-title em{font-style:normal;color:#fff4b8;text-shadow:0 5px 20px rgba(0,0,0,.12);}
.nlbox .nl-sub{font-size:15px;line-height:1.75;color:rgba(255,255,255,.86);}
.nlbox .nl-form{background:rgba(255,255,255,.72);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.45);border-radius:26px;padding:20px;box-shadow:0 14px 44px rgba(15,23,42,.14);display:flex;flex-direction:column;gap:10px;}
.nlbox .nl-inp{width:100%;background:#fff!important;color:var(--ink)!important;border:1px solid rgba(15,23,42,.08)!important;border-radius:15px!important;padding:14px 16px!important;font-family:var(--sans)!important;font-size:14px!important;outline:none;}
.nlbox .nl-inp:focus{border-color:var(--teal)!important;box-shadow:0 0 0 4px rgba(10,173,160,.12)!important;}
.nlbox .nl-btn{background:linear-gradient(135deg,#0A0F1A,#102A43)!important;color:#fff!important;border:0!important;border-radius:15px!important;padding:14px 18px!important;font-family:var(--sans)!important;font-size:14px!important;font-weight:900!important;cursor:pointer!important;display:flex;align-items:center;justify-content:center;gap:8px;}
.nlbox .nl-note{font-size:11px;text-align:center;color:#475569;font-weight:800;}
@media(max-width:900px){.nlbox{grid-template-columns:1fr;padding:30px;border-radius:26px}.nlbox .nl-title{font-size:34px}}
@media(max-width:560px){.topics{gap:8px}.topic{padding:9px 12px;font-size:12px}.sh-h{font-size:20px}.nlbox{padding:24px;border-radius:22px}.nlbox .nl-title{font-size:30px}.nlbox .nl-form{padding:16px;border-radius:20px}}

/* === Final polished Popular Topics, Newsletter and Footer === */
.popular-topics-section{margin:6px 0 34px!important;background:linear-gradient(135deg,#ffffff 0%,#fbfdff 100%);border:1px solid rgba(226,232,240,.9);border-radius:28px;padding:22px;box-shadow:0 16px 45px rgba(15,23,42,.045);}
.popular-topics-section .sh{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;}
.popular-topics-section .sh-l{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.popular-topics-section .sh-pill{display:inline-flex!important;align-items:center;gap:6px;background:#F3EEFF!important;color:var(--violet,#6D5DFB)!important;border:1px solid rgba(109,93,251,.15);border-radius:999px;padding:7px 13px;font-size:12px;font-weight:900;line-height:1;box-shadow:0 8px 22px rgba(109,93,251,.10);white-space:nowrap;}
.popular-topics-section .sh-h{font-family:var(--display);font-size:28px;font-weight:900;color:#111827;letter-spacing:-.03em;line-height:1.1;}
.topics{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px!important;margin-top:0!important;}
.topic{display:flex!important;align-items:center;justify-content:center;min-height:48px;padding:12px 14px!important;border-radius:18px!important;background:#fff!important;border:1px solid #e7eef6!important;color:#243244!important;font-size:14px!important;font-weight:800!important;box-shadow:0 10px 28px rgba(15,23,42,.045)!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease!important;text-align:center;}
.topic:hover{transform:translateY(-2px);border-color:rgba(10,173,160,.35)!important;box-shadow:0 18px 42px rgba(10,173,160,.12)!important;background:linear-gradient(135deg,#ffffff,#f0fffc)!important;color:#0f766e!important;}
.nlbox{position:relative;overflow:hidden;display:grid!important;grid-template-columns:1fr 390px!important;gap:30px!important;align-items:center!important;border-radius:34px!important;padding:42px!important;background:radial-gradient(circle at 6% 0%,rgba(255,255,255,.30),transparent 30%),radial-gradient(circle at 100% 4%,rgba(255,255,255,.22),transparent 28%),linear-gradient(135deg,#0AADA0 0%,#22D3EE 48%,#6D5DFB 100%)!important;box-shadow:0 30px 90px rgba(10,173,160,.24)!important;color:#fff!important;margin-bottom:34px!important;border:1px solid rgba(255,255,255,.30)!important;}
.nlbox:before{content:"";position:absolute;right:-95px;top:-110px;width:270px;height:270px;border-radius:50%;background:rgba(255,255,255,.16);}
.nlbox:after{content:"";position:absolute;left:-100px;bottom:-130px;width:255px;height:255px;border-radius:50%;background:rgba(255,255,255,.12);}
.nlbox-left,.nlbox>div{position:relative;z-index:1;}
.nlbox .nl-ey{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.24);border-radius:999px;padding:7px 13px;margin-bottom:15px;color:#fff;font-size:12px;font-weight:900;backdrop-filter:blur(8px);}
.nlbox .nl-title{font-family:var(--display)!important;font-size:46px!important;font-weight:900!important;line-height:1.03!important;color:#fff!important;letter-spacing:-.045em!important;margin:0!important;text-shadow:0 10px 30px rgba(15,23,42,.16);}
.nlbox .nl-title em{font-style:normal;color:#fff4b8;text-shadow:0 6px 24px rgba(0,0,0,.12);}
.nlbox .nl-sub{font-size:15px!important;line-height:1.75!important;color:rgba(255,255,255,.88)!important;font-weight:600;}
.nlbox .nl-form{background:rgba(255,255,255,.76)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border:1px solid rgba(255,255,255,.50)!important;border-radius:28px!important;padding:22px!important;box-shadow:0 18px 55px rgba(15,23,42,.16)!important;display:flex!important;flex-direction:column!important;gap:11px!important;}
.nlbox .nl-inp{width:100%!important;background:#fff!important;color:#111827!important;border:1px solid rgba(15,23,42,.08)!important;border-radius:16px!important;padding:15px 17px!important;font-family:var(--sans)!important;font-size:14px!important;font-weight:600!important;outline:none!important;box-shadow:0 6px 18px rgba(15,23,42,.035)!important;}
.nlbox .nl-inp::placeholder{color:#94a3b8;}
.nlbox .nl-inp:focus{border-color:var(--teal)!important;box-shadow:0 0 0 4px rgba(10,173,160,.13)!important;}
.nlbox .nl-btn{background:linear-gradient(135deg,#0A0F1A,#102A43)!important;color:#fff!important;border:0!important;border-radius:16px!important;padding:15px 18px!important;font-family:var(--sans)!important;font-size:14px!important;font-weight:900!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;box-shadow:0 14px 30px rgba(15,23,42,.22)!important;transition:transform .18s ease,box-shadow .18s ease!important;}
.nlbox .nl-btn:hover{transform:translateY(-1px);box-shadow:0 18px 36px rgba(15,23,42,.26)!important;}
.nlbox .nl-note{font-size:11px!important;text-align:center!important;color:#475569!important;font-weight:800!important;}
.site-footer{display:none!important;}
.footer{background:#0A0F1A;color:#cbd5e1;margin-top:0;padding:0 20px;border-top:1px solid rgba(255,255,255,.08);}
.footer-top{max-width:960px;margin:0 auto;display:grid;grid-template-columns:1.45fr repeat(3,1fr);gap:28px;padding:42px 0 28px;}
.f-logo{font-family:var(--display);font-size:28px;font-weight:900;color:#fff;letter-spacing:-.03em;margin-bottom:10px;}
.f-logo .ft{color:var(--teal);}.f-logo .fp{color:var(--pink);}
.f-tagline{font-size:13px;line-height:1.8;color:#94a3b8;max-width:310px;font-weight:500;}
.f-col h4{font-size:13px;color:#fff;font-weight:900;margin:0 0 13px;}
.f-col a{display:block;color:#94a3b8;font-size:13px;font-weight:600;margin:0 0 9px;transition:color .15s ease,transform .15s ease;}
.f-col a:hover{color:#fff;transform:translateX(2px);}
.footer-bottom{max-width:960px;margin:0 auto;border-top:1px solid rgba(255,255,255,.08);padding:17px 0 22px;text-align:center;font-size:12px;color:#64748b;font-weight:700;}
@media(max-width:900px){.topics{grid-template-columns:repeat(3,minmax(0,1fr));}.nlbox{grid-template-columns:1fr!important;padding:32px!important;border-radius:28px!important}.nlbox .nl-title{font-size:36px!important}.footer-top{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.popular-topics-section{padding:18px;border-radius:22px}.popular-topics-section .sh{align-items:flex-start;flex-direction:column;gap:8px}.popular-topics-section .sh-h{font-size:22px}.topics{grid-template-columns:1fr 1fr!important;gap:9px!important}.topic{min-height:44px;padding:10px 11px!important;font-size:12px!important;border-radius:15px!important}.nlbox{padding:24px!important;border-radius:22px!important}.nlbox .nl-title{font-size:31px!important}.nlbox .nl-form{padding:16px!important;border-radius:22px!important}.footer-top{grid-template-columns:1fr;gap:18px;padding:32px 0 22px}.f-tagline{max-width:none}.footer-bottom{text-align:left;line-height:1.7}}

/* === Final brand/ad/newsletter cleanup for HowToMore === */
.ad-slot:empty,.adbox:empty{display:none!important;}
.nlbox{grid-template-columns:minmax(0,1fr) minmax(310px,390px)!important;align-items:center!important;overflow:hidden!important;}
.nlbox .nlbox-left{min-width:0!important;max-width:100%!important;}
.nlbox .nl-title{display:flex!important;flex-direction:column!important;gap:6px!important;font-size:clamp(32px,4.2vw,48px)!important;line-height:1.12!important;letter-spacing:-.035em!important;margin:0!important;word-break:keep-all!important;overflow-wrap:normal!important;}
.nlbox .nl-title span{display:block!important;line-height:1.12!important;white-space:normal!important;}
.nlbox .nl-title em{display:inline!important;}
.nlbox .nl-sub{margin-top:14px!important;max-width:460px!important;}
.nlbox .nl-form{width:100%!important;max-width:390px!important;margin-left:auto!important;}
.footer .f-logo .fp{color:var(--pink)!important;}
.footer .f-tagline{line-height:1.75!important;}
@media(max-width:900px){.nlbox{grid-template-columns:1fr!important}.nlbox .nl-form{max-width:100%!important;margin-left:0!important}.nlbox .nl-title{font-size:clamp(30px,8vw,38px)!important;}}
@media(max-width:560px){.nlbox .nl-title{font-size:30px!important;gap:5px!important;line-height:1.18!important}.nlbox .nl-sub{font-size:14px!important}.nlbox .nl-form{gap:10px!important}.nlbox .nl-inp,.nlbox .nl-btn{min-height:48px!important}}