/* ============================================================
   Velki — Stadium Night (premium dark luxe)
   Header · Footer · Home page (14 sections)
   ============================================================ */

/* ---------- Tokens ---------- */
:root{
    --vk-bg:        #0A0B10;
    --vk-bg-2:      #0E1019;
    --vk-bg-3:      #14172A;
    --vk-line:      rgba(255,255,255,.08);
    --vk-line-2:    rgba(255,255,255,.14);

    --vk-text:      #ECEDF3;
    --vk-text-2:    #B5B8C7;
    --vk-text-3:    #7E8197;
    --vk-mute:      #4E5269;

    --vk-gold:      #F5B100;
    --vk-gold-2:    #FFD24D;
    --vk-gold-soft: rgba(245,177,0,.14);

    --vk-red:       #D32030;
    --vk-red-2:     #FF3B47;
    --vk-green:     #19C37D;
    --vk-blue:      #4D8DFF;

    --vk-grad-gold: linear-gradient(135deg,#F5B100 0%,#FFD24D 55%,#F5B100 100%);
    --vk-grad-dark: linear-gradient(180deg,#0A0B10 0%,#10131F 100%);
    --vk-grad-card: linear-gradient(180deg,rgba(20,23,42,.92) 0%,rgba(14,16,25,.96) 100%);

    --vk-shadow-sm: 0 4px 12px rgba(0,0,0,.35);
    --vk-shadow-md: 0 14px 32px rgba(0,0,0,.45);
    --vk-shadow-lg: 0 28px 60px rgba(0,0,0,.55);
    --vk-glow-gold: 0 0 0 1px rgba(245,177,0,.35), 0 18px 48px rgba(245,177,0,.18);

    --vk-radius-sm: 10px;
    --vk-radius:    14px;
    --vk-radius-lg: 22px;
    --vk-radius-xl: 28px;

    --vk-font-bn:   'Hind Siliguri', 'SolaimanLipi', 'Noto Sans Bengali', system-ui, -apple-system, 'Segoe UI', sans-serif;
    --vk-font-en:   'Sora', 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
    --vk-font-it:   'Cormorant Garamond', 'Georgia', serif;

    --vk-easing:    cubic-bezier(.2,.7,.2,1);
    --vk-easing-2:  cubic-bezier(.5,0,.2,1);

    --vk-max:       1240px;
    --vk-pad:       clamp(16px, 4vw, 40px);
}

/* ============================================================
   PALETTE VARIANTS — override the design tokens per body class.
   Switch via Customizer → Velki Home → Color palette.
   ============================================================ */
body.vk-palette-cream{
    --vk-bg:        #0E0D0A;
    --vk-bg-2:      #13110D;
    --vk-bg-3:      #1A1813;
    --vk-line:      rgba(255,248,232,.07);
    --vk-line-2:    rgba(255,248,232,.13);

    --vk-text:      #F5F1E8;
    --vk-text-2:    #B8B0A0;
    --vk-text-3:    #807868;
    --vk-mute:      #4E4A40;

    --vk-gold:      #D4B265;
    --vk-gold-2:    #E5C982;
    --vk-gold-soft: rgba(212,178,101,.14);

    --vk-grad-gold: linear-gradient(135deg,#E5C982 0%,#D4B265 55%,#A0824A 100%);
    --vk-grad-dark: linear-gradient(180deg,#0E0D0A 0%,#1A1813 100%);
    --vk-grad-card: linear-gradient(180deg,rgba(26,24,19,.92) 0%,rgba(19,17,13,.96) 100%);
    --vk-glow-gold: 0 0 0 1px rgba(212,178,101,.32), 0 18px 48px rgba(212,178,101,.14);
}
body.vk-palette-navy{
    --vk-bg:        #08111F;
    --vk-bg-2:      #0C1827;
    --vk-bg-3:      #112236;
    --vk-line:      rgba(180,200,230,.07);
    --vk-line-2:    rgba(180,200,230,.13);

    --vk-text:      #E8ECF3;
    --vk-text-2:    #A8B5C8;
    --vk-text-3:    #6E7C92;
    --vk-mute:      #404E66;

    --vk-gold:      #C4A055;
    --vk-gold-2:    #D4B265;
    --vk-gold-soft: rgba(196,160,85,.14);

    --vk-grad-gold: linear-gradient(135deg,#D4B265 0%,#C4A055 55%,#8E6F35 100%);
    --vk-grad-dark: linear-gradient(180deg,#08111F 0%,#112236 100%);
    --vk-grad-card: linear-gradient(180deg,rgba(17,34,54,.92) 0%,rgba(12,24,39,.96) 100%);
    --vk-glow-gold: 0 0 0 1px rgba(196,160,85,.32), 0 18px 48px rgba(196,160,85,.14);
}

/* ---------- Reset & globals ---------- */
*,*::before,*::after{ box-sizing:border-box; }
html{ scroll-behavior:smooth; -webkit-text-size-adjust:100%; }
body.vk{
    margin:0;
    background:var(--vk-bg);
    color:var(--vk-text);
    font-family:var(--vk-font-bn);
    line-height:1.65;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    text-rendering:optimizeLegibility;
    overflow-x:hidden;
    font-feature-settings: "kern" 1, "liga" 1, "calt" 1;
    font-variant-ligatures: common-ligatures;
}
body.vk a{ color:inherit; text-decoration:none; }
body.vk img{ max-width:100%; display:block; }
body.vk h1,body.vk h2,body.vk h3,body.vk h4{
    font-family:var(--vk-font-en);
    margin:0;
    color:var(--vk-text);
    letter-spacing:-.02em;
    font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "ss01" 1;
}
body.vk p{ margin:0; }
body.vk button{ font:inherit; color:inherit; background:transparent; border:0; cursor:pointer; }
body.vk em{
    font-family:var(--vk-font-it);
    font-style:italic;
    font-weight:500;
    color:var(--vk-gold);
    letter-spacing:.01em;
}
body.vk ::selection{ background:var(--vk-gold); color:#000; }

/* Tabular numerals for stats and counters — keeps digits aligned */
.nw-hero__panel-num,
.nw-hero__bonus-amount,
.vk-bslider__counter b,
.vk-fam__count,
.vk-cats__count{
    font-variant-numeric: tabular-nums;
    font-feature-settings: "tnum" 1, "lnum" 1;
}

/* Lead paragraphs get more breathing room */
.nw-hero__lead{ line-height:1.78; }
.vk-sec-head__sub,
.vk-providers__sub{ line-height:1.72; }
.nw-cta-band__sub{ line-height:1.6; }

.vk-skip{
    position:absolute; top:-100px; left:0; padding:10px 18px;
    background:var(--vk-gold); color:#000; z-index:9999; font-weight:600;
}
.vk-skip:focus{ top:0; }

.vk-live-dot{
    width:8px; height:8px; border-radius:50%;
    background:var(--vk-green);
    box-shadow:0 0 0 4px rgba(25,195,125,.18);
    display:inline-block;
    animation:vk-pulse 1.6s ease-in-out infinite;
}
@keyframes vk-pulse{
    0%,100%{ box-shadow:0 0 0 4px rgba(25,195,125,.18); }
    50%{    box-shadow:0 0 0 8px rgba(25,195,125,.05); }
}

[data-reveal]{ opacity:0; transform:translateY(18px); transition:opacity .8s var(--vk-easing), transform .8s var(--vk-easing); transition-delay:var(--d,0s); }
[data-reveal].is-in{ opacity:1; transform:none; }
@media (prefers-reduced-motion: reduce){
    *{ animation:none !important; transition:none !important; }
    [data-reveal]{ opacity:1; transform:none; }
}

/* ---------- Cursor follower (desktop only) ---------- */
.vk-cursor{
    position:fixed; top:0; left:0; pointer-events:none;
    width:32px; height:32px; border:1px solid rgba(245,177,0,.5);
    border-radius:50%; z-index:9998;
    transform:translate(-100px,-100px);
    transition:transform .15s var(--vk-easing-2), width .25s, height .25s, border-color .25s;
    mix-blend-mode:difference;
}
.vk-cursor--dot{
    width:6px; height:6px; background:var(--vk-gold); border:0;
    transition:transform .08s linear;
}
@media (hover:none),(max-width:1024px){ .vk-cursor{ display:none; } }

/* ---------- Buttons ---------- */
.vk-btn{
    display:inline-flex; align-items:center; gap:10px;
    padding:14px 24px; border-radius:var(--vk-radius);
    font-family:var(--vk-font-bn); font-weight:600;
    font-size:15px; line-height:1; white-space:nowrap;
    transition:transform .2s var(--vk-easing), box-shadow .25s, background .25s, color .25s, border-color .25s;
    border:1px solid transparent; cursor:pointer;
}
.vk-btn svg{ flex-shrink:0; }
.vk-btn--primary{
    background:var(--vk-grad-gold);
    color:#000;
    box-shadow:0 14px 28px rgba(245,177,0,.28), inset 0 1px 0 rgba(255,255,255,.4);
}
.vk-btn--primary:hover{ transform:translateY(-2px); box-shadow:0 22px 40px rgba(245,177,0,.4), inset 0 1px 0 rgba(255,255,255,.5); }
.vk-btn--ghost{
    background:rgba(255,255,255,.04);
    color:var(--vk-text);
    border-color:var(--vk-line-2);
}
.vk-btn--ghost:hover{ background:rgba(255,255,255,.08); border-color:var(--vk-gold); color:var(--vk-gold); }
.vk-btn--lg{ padding:16px 28px; font-size:16px; }
.vk-btn--xl{ padding:20px 36px; font-size:17px; }

/* ============================================================
   HEADER · Stadium Night
   ============================================================ */
.nw-header{
    position:sticky; top:0; z-index:90;
    background:rgba(10,11,16,.72);
    backdrop-filter: saturate(160%) blur(14px);
    -webkit-backdrop-filter: saturate(160%) blur(14px);
    border-bottom:1px solid var(--vk-line);
    transition:background .35s, border-color .35s, box-shadow .35s;
}
.nw-header.is-scrolled{
    background:rgba(8,9,14,.92);
    border-bottom-color:rgba(245,177,0,.28);
    box-shadow:0 12px 32px rgba(0,0,0,.4);
}
.nw-bar{ position:relative; }
.nw-bar__inner{
    max-width:var(--vk-max); margin:0 auto;
    padding:16px var(--vk-pad);
    display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:24px;
    transition:padding .3s var(--vk-easing);
}
.nw-header.is-scrolled .nw-bar__inner{ padding-top:8px; padding-bottom:8px; }
.nw-bar__rule{
    height:1px;
    background:linear-gradient(90deg, transparent 0%, rgba(245,177,0,.45) 50%, transparent 100%);
    opacity:.4; transition:opacity .35s;
}
.nw-header.is-scrolled .nw-bar__rule{ opacity:.9; }

.nw-brand{
    position:relative; display:inline-flex; align-items:center;
    transition:transform .35s var(--vk-easing);
    isolation:isolate;
}
.nw-brand::before{
    content:""; position:absolute; inset:-12px;
    background:radial-gradient(circle, rgba(245,177,0,.35) 0%, transparent 70%);
    opacity:0; transition:opacity .35s; pointer-events:none;
    border-radius:50%; z-index:-1;
    filter:blur(8px);
}
.nw-brand:hover{ transform:scale(1.03); }
.nw-brand:hover::before{ opacity:1; }
.nw-brand img{
    height:44px; width:auto;
    transition:height .3s var(--vk-easing), filter .35s;
}
.nw-brand:hover img{ filter:drop-shadow(0 4px 14px rgba(245,177,0,.5)); }
.nw-header.is-scrolled .nw-brand img{ height:36px; }

.nw-nav__list{
    list-style:none; padding:0; margin:0;
    display:flex; align-items:center; gap:6px;
    justify-content:center;
}
.nw-nav__item{ position:relative; }
.nw-nav__link{
    position:relative; display:inline-flex; align-items:center; gap:6px;
    padding:10px 14px;
    font-size:15px; font-weight:500;
    color:var(--vk-text-2);
    transition:color .25s;
}
.nw-nav__link::after{
    content:""; position:absolute;
    left:14px; right:14px; bottom:4px;
    height:2px; border-radius:2px;
    background:var(--vk-grad-gold);
    transform:scaleX(0); transform-origin:center;
    transition:transform .35s var(--vk-easing);
    box-shadow:0 1px 6px rgba(245,177,0,.4);
}
.nw-nav__link:hover, .nw-nav__item.is-active > .nw-nav__link{ color:var(--vk-gold); }
.nw-nav__link:hover::after, .nw-nav__item.is-active > .nw-nav__link::after{ transform:scaleX(1); }
.nw-nav__chev{ opacity:.75; }
.nw-nav__sub{
    position:absolute; top:100%; left:0;
    min-width:220px;
    background:var(--vk-grad-card);
    border:1px solid var(--vk-line-2);
    border-radius:14px;
    padding:8px; margin:8px 0 0;
    list-style:none;
    box-shadow:var(--vk-shadow-md);
    opacity:0; visibility:hidden; transform:translateY(8px);
    transition:opacity .2s, visibility .2s, transform .2s;
    z-index:5;
}
.nw-nav__has-sub:hover > .nw-nav__sub, .nw-nav__has-sub:focus-within > .nw-nav__sub{ opacity:1; visibility:visible; transform:none; }
.nw-nav__sub-link{ display:block; padding:10px 12px; border-radius:8px; font-size:14px; color:var(--vk-text-2); }
.nw-nav__sub-link:hover{ background:rgba(245,177,0,.1); color:var(--vk-gold); }

.nw-bar__cta{ display:flex; align-items:center; gap:10px; justify-content:flex-end; }

.nw-icon-btn{
    width:42px; height:42px; border-radius:50%;
    background:rgba(255,255,255,.04); border:1px solid var(--vk-line-2);
    color:var(--vk-text-2);
    display:inline-flex; align-items:center; justify-content:center;
    transition:background .2s, color .2s, border-color .2s, transform .2s;
}
.nw-icon-btn:hover{ background:rgba(245,177,0,.1); border-color:var(--vk-gold); color:var(--vk-gold); }

.nw-cta{
    display:inline-flex; align-items:center; gap:10px;
    padding:8px 14px 8px 8px; border-radius:999px;
    background:var(--vk-grad-gold);
    /* Dark text wins the contrast battle against the gold gradient.
       Use !important so `body.vk a { color:inherit }` (higher specificity)
       can't drag the text back to the off-white body color. */
    color:#0A0B10 !important;
    box-shadow:0 12px 24px rgba(245,177,0,.28);
    transition:transform .2s, box-shadow .2s;
}
.nw-cta:hover{ transform:translateY(-1px); box-shadow:0 18px 32px rgba(245,177,0,.4); }
.nw-cta__icon{
    width:34px; height:34px; border-radius:50%;
    background:#0A0B10; color:var(--vk-gold);
    display:inline-flex; align-items:center; justify-content:center;
    flex-shrink:0;
}
.nw-cta__txt{
    display:flex; flex-direction:column; line-height:1;
    font-family:var(--vk-font-en);
    color:#0A0B10 !important;
}
.nw-cta__txt small{
    font-size:10px;
    color:rgba(10,11,16,.65) !important; /* dark muted, not opacity-faded white */
    letter-spacing:.08em; text-transform:uppercase;
    margin-bottom:3px;
    font-weight:600;
}
.nw-cta__txt b{
    font-size:13.5px; font-weight:800;
    color:#0A0B10 !important;
    font-variant-numeric:tabular-nums;
    letter-spacing:.01em;
}

.nw-burger{
    width:42px; height:42px; border-radius:50%;
    background:rgba(255,255,255,.04); border:1px solid var(--vk-line-2);
    display:none; align-items:center; justify-content:center; gap:0;
    flex-direction:column; padding:0;
}
.nw-burger span{
    width:18px; height:2px; background:var(--vk-text); border-radius:2px;
    transition:transform .25s var(--vk-easing-2);
}
.nw-burger span + span{ margin-top:5px; }
.nw-burger.is-open span:first-child{ transform:translateY(3.5px) rotate(45deg); }
.nw-burger.is-open span:last-child { transform:translateY(-3.5px) rotate(-45deg); }

/* Search panel */
.nw-search{
    position:absolute; left:0; right:0; top:100%;
    background:var(--vk-grad-card);
    border-top:1px solid var(--vk-line);
    border-bottom:1px solid var(--vk-line);
    padding:18px var(--vk-pad);
    box-shadow:var(--vk-shadow-md);
    z-index:80;
}
.nw-search .search-box{
    max-width:var(--vk-max); margin:0 auto;
    display:flex; align-items:center; gap:12px;
    background:var(--vk-bg-3); border:1px solid var(--vk-line-2);
    border-radius:14px; padding:10px 12px;
}
.nw-search .search-box svg{ color:var(--vk-text-2); flex-shrink:0; }
.nw-search .search-field{
    flex:1; background:transparent; border:0; outline:0; color:var(--vk-text);
    font-family:var(--vk-font-bn); font-size:15px; padding:6px 4px;
}
.vk-search-panel__close{
    width:32px; height:32px; border-radius:50%;
    background:rgba(255,255,255,.06); color:var(--vk-text);
    font-size:20px; line-height:1; display:inline-flex; align-items:center; justify-content:center;
}
.vk-search-panel__close:hover{ background:rgba(255,255,255,.12); }
/* Live agent search suggestions panel — sits between the search-box and the hint */
.search-suggestions{
    max-width:var(--vk-max);
    margin:10px auto 0;
    padding:0 var(--vk-pad);
}
.search-suggestions.is-loading{ opacity:.72; }
.suggestions-list{
    list-style:none; padding:0; margin:0;
    border-radius:14px;
    overflow:hidden;
    background:linear-gradient(180deg, rgba(20,23,42,.92), rgba(11,13,23,.96));
    border:1px solid rgba(245,177,0,.18);
    box-shadow:0 22px 48px -18px rgba(0,0,0,.55);
}
.suggestion-item{
    border-bottom:1px solid rgba(255,255,255,.05);
}
.suggestion-item:last-child{ border-bottom:0; }
.suggestion-link{
    display:flex; align-items:center; gap:12px;
    padding:10px 14px;
    color:var(--vk-text);
    text-decoration:none;
    transition:background .2s, padding-left .2s;
    min-height:60px;
}
.suggestion-link:hover,
.suggestion-link:focus-visible{
    background:rgba(245,177,0,.07);
    padding-left:18px;
    outline:0;
}
.suggestion-thumb{
    flex:0 0 auto;
    width:44px; height:44px; border-radius:10px;
    overflow:hidden;
    background:rgba(255,255,255,.05);
    border:1px solid var(--vk-line);
}
.suggestion-thumb img{
    width:100%; height:100%;
    object-fit:cover; display:block;
}
.suggestion-info{
    flex:1; min-width:0;
    display:flex; flex-direction:column; gap:2px;
}
.suggestion-name{
    font-family:var(--vk-font-bn);
    font-size:14px; font-weight:700;
    color:var(--vk-text);
    line-height:1.25;
    display:inline-flex; align-items:center; gap:6px;
    white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.suggestion-verified{ color:var(--vk-green); font-size:11px; }
.suggestion-premium{ font-size:12px; }
.suggestion-meta{
    display:inline-flex; align-items:center; gap:10px;
    font-size:11px;
    color:var(--vk-text-3);
    font-family:var(--vk-font-en);
}
.suggestion-id{ color:var(--vk-gold); font-variant-numeric:tabular-nums; }
.suggestion-cat{
    padding:2px 8px;
    border-radius:999px;
    background:rgba(245,177,0,.10);
    border:1px solid rgba(245,177,0,.28);
    color:var(--vk-gold);
    font-family:var(--vk-font-bn);
    font-size:10.5px; font-weight:600;
}
.suggestion-arrow{
    flex:0 0 auto;
    color:var(--vk-text-3);
    font-size:16px;
    transition:transform .2s, color .2s;
}
.suggestion-link:hover .suggestion-arrow{
    color:var(--vk-gold);
    transform:translateX(3px);
}
.no-suggestions,
.suggestion-loading{
    padding:18px 16px;
    text-align:center;
    color:var(--vk-text-2);
    font-family:var(--vk-font-bn);
    font-size:13px;
    border-radius:12px;
    background:rgba(20,23,42,.6);
    border:1px dashed var(--vk-line-2);
}
.suggestion-loading{ color:var(--vk-gold); }
.suggestion-loading::before{
    content:""; display:inline-block;
    width:12px; height:12px; margin-right:8px;
    border:2px solid rgba(245,177,0,.4);
    border-top-color:var(--vk-gold);
    border-radius:50%;
    vertical-align:-2px;
    animation:vk-sugg-spin .8s linear infinite;
}
@keyframes vk-sugg-spin{ to{ transform:rotate(360deg); } }
@media (max-width:560px){
    .suggestion-link{ padding:9px 12px; min-height:54px; gap:10px; }
    .suggestion-thumb{ width:38px; height:38px; }
    .suggestion-name{ font-size:13px; }
    .suggestion-meta{ font-size:10.5px; gap:8px; }
    .suggestion-cat{ font-size:10px; padding:1px 7px; }
}

/* The suggestion link is rendered as a <button> — reset native styling. */
.suggestion-link{
    width:100%;
    background:transparent;
    border:0;
    cursor:pointer;
    font:inherit;
    color:inherit;
    text-align:left;
}

/* ============================================================
   SEARCH AGENT POPUP — appended to <body> when a suggestion is
   clicked. Matches the agent-contact modal pattern used by the
   agent list pages: photo + name + verified/premium + rating +
   ID, then WhatsApp / Messenger contact rows with copy buttons.
   ============================================================ */
.vk-search-popup-backdrop{
    position:fixed; inset:0; z-index:10000;
    background:rgba(4,5,10,.68);
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
    animation:vk-pp-fade .25s ease;
}
@keyframes vk-pp-fade{ from{ opacity:0; } to{ opacity:1; } }

.vk-search-popup{
    position:fixed;
    top:50%; left:50%;
    transform:translate(-50%, -50%);
    z-index:10001;
    width:calc(100% - 28px);
    max-width:420px;
    max-height:calc(100dvh - 32px);
    overflow-y:auto;
    overscroll-behavior:contain;
    background:
        radial-gradient(ellipse at top, rgba(245,177,0,.08) 0%, transparent 55%),
        linear-gradient(180deg, #15172A 0%, #0B0D17 100%);
    border:1px solid rgba(245,177,0,.28);
    border-radius:18px;
    box-shadow:
        0 30px 80px rgba(0,0,0,.65),
        0 0 0 1px rgba(245,177,0,.05);
    padding:22px 20px 18px;
    color:var(--vk-text);
    animation:vk-pp-in .3s cubic-bezier(.2,.7,.15,1);
}
@keyframes vk-pp-in{
    from{ opacity:0; transform:translate(-50%, -46%) scale(.96); }
    to  { opacity:1; transform:translate(-50%, -50%) scale(1); }
}
.vk-pp__close{
    position:absolute; top:10px; right:10px;
    width:36px; height:36px; border-radius:10px;
    border:1px solid var(--vk-line-2);
    background:rgba(255,255,255,.04);
    color:var(--vk-text);
    font-size:22px; line-height:1;
    cursor:pointer;
    display:inline-flex; align-items:center; justify-content:center;
    transition:background .2s, color .2s, transform .2s, border-color .2s;
}
.vk-pp__close:hover,
.vk-pp__close:focus-visible{
    background:rgba(255,59,71,.16);
    border-color:rgba(255,59,71,.5);
    color:var(--vk-red-2);
    transform:rotate(90deg);
    outline:0;
}

/* Header — photo + name + tier chip + rating + ID */
.vk-pp__head{
    display:flex; align-items:center; gap:14px;
    padding-bottom:14px; margin-bottom:14px;
    border-bottom:1px dashed rgba(255,255,255,.08);
}
/* Photo container — overflow stays visible so the verified badge can sit
   on the edge. The circular clip + gold ring live on the <img> itself. */
.vk-pp__photo{
    position:relative; flex-shrink:0;
    width:72px; height:72px;
    overflow:visible;
}
.vk-pp__photo img{
    width:100%; height:100%;
    object-fit:cover;
    display:block;
    border-radius:50%;
    background:rgba(255,255,255,.04);
    border:2px solid rgba(245,177,0,.4);
    box-shadow:0 0 0 4px rgba(245,177,0,.08);
}

/* Verified badge — sits at the 5-o'clock position on the photo edge. */
.vk-pp__verified{
    position:absolute;
    /* 5-o'clock placement: pull right + down past the photo border */
    right:-2px;
    bottom:2px;
    width:24px; height:24px; border-radius:50%;
    background:linear-gradient(135deg, #25D366 0%, #19A85B 100%);
    border:2.5px solid #0B0D17;
    color:#fff;
    display:inline-flex; align-items:center; justify-content:center;
    box-shadow:
        0 4px 10px rgba(25,195,125,.5),
        inset 0 1px 0 rgba(255,255,255,.3);
    z-index:2;
    /* Translate so the badge center lands exactly on the photo's 5-o'clock arc */
    transform:translate(20%, 0);
}
.vk-pp__verified i{
    font-size:13px;
    line-height:1;
    color:#fff;
    text-shadow:0 1px 0 rgba(0,0,0,.2);
}
.vk-pp__info{ flex:1; min-width:0; }
.vk-pp__name{
    margin:0 0 4px;
    font-family:var(--vk-font-bn);
    font-size:17px; font-weight:800;
    color:#fff;
    line-height:1.25;
    display:flex; align-items:center; gap:6px;
    flex-wrap:wrap;
}
.vk-pp__crown{ font-size:14px; }
.vk-pp__group-tag{
    display:inline-block;
    padding:3px 9px;
    border-radius:999px;
    background:rgba(245,177,0,.12);
    color:var(--vk-gold);
    border:1px solid rgba(245,177,0,.32);
    font-size:10.5px; font-weight:600;
    letter-spacing:.02em;
    margin-bottom:4px;
    font-family:var(--vk-font-bn);
}
.vk-pp__rating{
    color:#FFC83A;
    font-size:13px;
    letter-spacing:1px;
    margin:2px 0 4px;
}
.vk-pp__id{
    font-family:var(--vk-font-en);
    font-size:11px;
    color:var(--vk-text-3);
    letter-spacing:.04em;
    font-variant-numeric:tabular-nums;
}
.vk-pp__id span{
    color:var(--vk-gold);
    font-weight:700;
    margin-right:4px;
}

/* Body — contact groups */
.vk-pp__body{ display:flex; flex-direction:column; gap:14px; }
.vk-pp__group{
    border-radius:12px;
    padding:12px 12px 10px;
    background:rgba(255,255,255,.025);
    border:1px solid var(--vk-line);
}
.vk-pp__group--wa  { border-color:rgba(37,211,102,.22); }
.vk-pp__group--msg { border-color:rgba(0,132,255,.24); }
.vk-pp__group-h{
    display:flex; align-items:center; gap:8px;
    font-family:var(--vk-font-en);
    font-size:11px; font-weight:800;
    letter-spacing:.14em; text-transform:uppercase;
    color:var(--vk-text-2);
    margin-bottom:10px;
}
.vk-pp__group--wa  .vk-pp__group-h{ color:#25D366; }
.vk-pp__group--msg .vk-pp__group-h{ color:#0084FF; }
.vk-pp__group-h i{ font-size:13px; }

.vk-pp__row{
    display:flex; align-items:center; justify-content:space-between;
    gap:10px;
    padding:8px 10px;
    border-radius:10px;
    background:rgba(0,0,0,.22);
    margin-bottom:6px;
}
.vk-pp__row:last-child{ margin-bottom:0; }
.vk-pp__num{
    font-family:var(--vk-font-en);
    font-weight:600;
    font-size:13.5px;
    color:var(--vk-text);
    font-variant-numeric:tabular-nums;
    letter-spacing:.02em;
    white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
    flex:1; min-width:0;
}
.vk-pp__actions{
    display:inline-flex; gap:6px; flex-shrink:0;
}
.vk-pp__copy{
    width:34px; height:34px; border-radius:9px;
    background:rgba(255,255,255,.04);
    border:1px solid var(--vk-line-2);
    color:var(--vk-text-2);
    display:inline-flex; align-items:center; justify-content:center;
    cursor:pointer;
    font-size:13px;
    transition:background .2s, color .2s, border-color .2s, transform .2s;
}
.vk-pp__copy:hover,
.vk-pp__copy:focus-visible{
    background:rgba(245,177,0,.12);
    border-color:rgba(245,177,0,.45);
    color:var(--vk-gold);
    outline:0;
}
.vk-pp__copy.is-copied{
    background:rgba(25,195,125,.18);
    border-color:rgba(25,195,125,.5);
    color:var(--vk-green);
}
.vk-pp__copy.is-copied::after{
    content:"✓"; margin-left:0;
}
.vk-pp__copy.is-copied i{ display:none; }

.vk-pp__btn{
    display:inline-flex; align-items:center;
    padding:0 14px; height:34px;
    border-radius:9px;
    font-family:var(--vk-font-en);
    font-weight:700; font-size:12px;
    letter-spacing:.04em;
    text-decoration:none;
    transition:transform .2s, filter .2s, box-shadow .2s;
}
.vk-pp__btn--wa{
    background:linear-gradient(135deg, #25D366, #128C7E);
    color:#fff;
    box-shadow:0 6px 14px rgba(37,211,102,.32);
}
.vk-pp__btn--msg{
    background:linear-gradient(135deg, #0084FF, #006AE0);
    color:#fff;
    box-shadow:0 6px 14px rgba(0,132,255,.32);
}
.vk-pp__btn:hover{ transform:translateY(-1px); filter:brightness(1.06); }

.vk-pp__empty{
    text-align:center;
    padding:18px;
    color:var(--vk-text-3);
    font-family:var(--vk-font-bn);
    font-size:13px;
    border:1px dashed var(--vk-line-2);
    border-radius:10px;
}

@media (max-width:480px){
    .vk-search-popup{ padding:18px 16px 14px; }
    .vk-pp__photo{ width:64px; height:64px; }
    .vk-pp__name{ font-size:15.5px; }
    .vk-pp__num{ font-size:12.5px; }
    .vk-pp__btn{ font-size:11.5px; padding:0 12px; height:32px; }
    .vk-pp__copy{ width:32px; height:32px; }
}

@media (prefers-reduced-motion: reduce){
    .vk-search-popup,
    .vk-search-popup-backdrop{ animation:none; }
    .vk-pp__close:hover{ transform:none; }
}

.nw-search__hint{
    max-width:var(--vk-max);
    margin:14px auto 0;
    padding:0 var(--vk-pad);
    font-size:13px;
    color:var(--vk-text-3);
    /* Center all content: the "এজেন্ট গ্রুপ" label + the 4 group links wrap inline. */
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    gap:8px;
    text-align:center;
    line-height:1.4;
}
.nw-search__hint b{
    color:var(--vk-text-2);
    font-family:var(--vk-font-en);
    font-weight:700;
    font-size:10.5px;
    letter-spacing:.16em;
    text-transform:uppercase;
    margin:0;
    padding:4px 10px;
    border-radius:999px;
    background:rgba(255,255,255,.04);
    border:1px solid var(--vk-line);
}
.nw-search__hint a{
    display:inline-flex; align-items:center; gap:6px;
    padding:7px 12px;
    border-radius:999px;
    background:linear-gradient(180deg, rgba(245,177,0,.10), rgba(245,177,0,.03));
    border:1px solid rgba(245,177,0,.32);
    color:var(--vk-gold);
    font-family:var(--vk-font-bn);
    font-size:12.5px; font-weight:600;
    line-height:1;
    transition:background .2s, border-color .2s, transform .2s, color .2s;
}
.nw-search__hint a i{
    font-size:11px;
    color:var(--vk-gold);
}
.nw-search__hint a:hover,
.nw-search__hint a:focus-visible{
    background:linear-gradient(180deg, rgba(245,177,0,.22), rgba(245,177,0,.08));
    border-color:rgba(245,177,0,.6);
    color:var(--vk-gold-2);
    transform:translateY(-1px);
    outline:0;
}
@media (max-width:560px){
    .nw-search__hint{ gap:6px; font-size:12px; }
    .nw-search__hint a{ padding:6px 10px; font-size:11.5px; }
    .nw-search__hint a i{ font-size:10px; }
    .nw-search__hint b{ font-size:10px; padding:3px 8px; flex-basis:100%; }
}

/* Mobile drawer */
/* ============================================================
   MOBILE DRAWER — slide-in panel from the right, full viewport.
   Reparented to <body> by home.js (header has backdrop-filter
   which would otherwise clip a position:fixed child to header
   bounds).
   ============================================================ */
.nw-drawer{
    position:fixed; inset:0; z-index:9999;
    /* Dim backdrop with blur — clicking it closes the drawer */
    background:rgba(4,5,10,.62);
    -webkit-backdrop-filter:blur(8px);
    backdrop-filter:blur(8px);
    opacity:0; pointer-events:none;
    transition:opacity .3s var(--vk-easing-2);
    /* Drawer should anchor its inner panel to the right edge */
    display:flex; justify-content:flex-end;
}
.nw-drawer[hidden]{ display:none !important; }
.nw-drawer.is-open{ opacity:1; pointer-events:auto; }

/* The actual panel — slides in from the right */
.nw-drawer__inner{
    position:relative;
    width:88%; max-width:380px;
    height:100vh; height:100dvh;
    margin:0;
    padding:18px 22px 28px;
    background:
        radial-gradient(ellipse at top right, rgba(245,177,0,.10) 0%, transparent 50%),
        linear-gradient(180deg, #0C0E18 0%, #060710 100%);
    border-left:1px solid rgba(245,177,0,.22);
    box-shadow:-30px 0 80px rgba(0,0,0,.6);
    transform:translateX(100%);
    transition:transform .35s var(--vk-easing-2);
    overflow-y:auto;
    overscroll-behavior:contain;
    display:flex; flex-direction:column; gap:0;
}
.nw-drawer.is-open .nw-drawer__inner{ transform:translateX(0); }

/* Top — brand + close, with a thin gold rule below */
.nw-drawer__top{
    flex:0 0 auto;
    display:flex; align-items:center; justify-content:space-between;
    padding-bottom:14px; margin-bottom:6px;
    border-bottom:1px solid rgba(245,177,0,.18);
    position:relative;
}
.nw-drawer__top::after{
    content:""; position:absolute; left:0; right:0; bottom:-1px; height:1px;
    background:linear-gradient(90deg, transparent, rgba(245,177,0,.6), transparent);
}
.nw-drawer__brand img{ height:38px; width:auto; }
.nw-drawer__close{
    width:44px; height:44px; border-radius:12px;
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.1);
    color:var(--vk-text);
    display:inline-flex; align-items:center; justify-content:center;
    transition:background .2s, border-color .2s, transform .2s, color .2s;
    flex-shrink:0;
}
.nw-drawer__close:hover,
.nw-drawer__close:focus-visible{
    background:rgba(245,177,0,.12);
    border-color:rgba(245,177,0,.5);
    color:var(--vk-gold);
    transform:rotate(90deg);
    outline:0;
}
.nw-drawer__close svg{ width:18px; height:18px; }

/* Nav list — big tap rows with arrow chevrons */
.nw-drawer__list{
    flex:1 1 auto;
    list-style:none; padding:0; margin:14px 0 18px;
    display:flex; flex-direction:column;
    gap:2px;
}
.nw-drawer__list li{
    opacity:0; transform:translateX(-10px);
    transition:opacity .3s var(--vk-easing-2), transform .3s var(--vk-easing-2);
    transition-delay:calc(.04s * var(--i, 0));
    border-bottom:1px solid rgba(255,255,255,.04);
}
.nw-drawer.is-open .nw-drawer__list li{ opacity:1; transform:none; }
.nw-drawer__list a{
    display:flex; align-items:center; justify-content:space-between; gap:14px;
    padding:14px 4px;
    font-family:var(--vk-font-bn);
    font-size:16px; font-weight:600;
    color:var(--vk-text);
    line-height:1.3;
    border-radius:8px;
    transition:background .2s, color .2s, padding-left .2s;
    min-height:48px;
}
.nw-drawer__list a:hover,
.nw-drawer__list a:focus-visible{
    color:var(--vk-gold);
    background:rgba(245,177,0,.06);
    padding-left:10px;
    outline:0;
}
.nw-drawer__list a > span:last-child{
    color:var(--vk-text-3);
    font-size:14px;
    transition:transform .25s var(--vk-easing-2), color .2s;
}
.nw-drawer__list a:hover > span:last-child{
    color:var(--vk-gold);
    transform:translateX(4px);
}
.nw-drawer__list .is-sub a{
    padding-left:18px;
    font-size:14px;
    color:var(--vk-text-2);
    min-height:42px;
}

/* WhatsApp CTA — gold pill */
.nw-drawer__cta{
    flex:0 0 auto;
    display:flex; align-items:center; gap:12px;
    padding:14px 18px; border-radius:14px;
    background:var(--vk-grad-gold); color:#0A0B10;
    font-family:var(--vk-font-bn);
    font-weight:700; font-size:14.5px;
    margin-top:6px;
    box-shadow:
        0 14px 28px rgba(245,177,0,.32),
        inset 0 1px 0 rgba(255,255,255,.4);
    transition:transform .2s var(--vk-easing-2), box-shadow .2s;
    min-height:52px;
}
.nw-drawer__cta:hover,
.nw-drawer__cta:focus-visible{
    transform:translateY(-1px);
    box-shadow:
        0 20px 36px rgba(245,177,0,.42),
        inset 0 1px 0 rgba(255,255,255,.5);
    outline:0;
}
.nw-drawer__cta > span:first-child{ flex:0 0 auto; }
.nw-drawer__cta-num{
    flex:1; text-align:right;
    font-family:var(--vk-font-en); font-weight:800;
    font-size:13.5px;
    letter-spacing:.01em;
    color:rgba(10,11,16,.85);
}

/* Social row */
.nw-drawer__social{
    flex:0 0 auto;
    margin-top:20px; padding-top:18px;
    border-top:1px solid rgba(255,255,255,.06);
}
.nw-drawer__social-lbl{
    display:block;
    font-family:var(--vk-font-en);
    font-size:10px; font-weight:700;
    letter-spacing:.16em; text-transform:uppercase;
    color:var(--vk-text-3);
    margin-bottom:12px;
    text-align:center;
}
.nw-drawer__social-row{
    display:flex; gap:10px;
    justify-content:center;
}
.nw-drawer__social-row a{
    width:42px; height:42px; border-radius:12px;
    background:rgba(255,255,255,.04);
    border:1px solid var(--vk-line-2);
    color:var(--vk-text);
    display:inline-flex; align-items:center; justify-content:center;
    font-size:15px;
    transition:background .2s, color .2s, border-color .2s, transform .2s;
}
.nw-drawer__social-row a:hover,
.nw-drawer__social-row a:focus-visible{
    background:rgba(245,177,0,.12);
    color:var(--vk-gold);
    border-color:rgba(245,177,0,.5);
    transform:translateY(-2px);
    outline:0;
}

/* Footer notice */
.nw-drawer__foot{
    flex:0 0 auto;
    margin-top:18px; padding-top:14px;
    border-top:1px solid rgba(255,255,255,.06);
    display:flex; justify-content:space-between; align-items:center;
    gap:10px;
    font-family:var(--vk-font-bn);
    font-size:11px; color:var(--vk-text-3);
    letter-spacing:.02em;
}
.nw-drawer__foot span:last-child{ color:var(--vk-gold); }

@media (max-width:380px){
    .nw-drawer__inner{ width:100%; max-width:none; padding:14px 18px 22px; border-left:0; }
    .nw-drawer__brand img{ height:34px; }
    .nw-drawer__list a{ font-size:15px; }
    .nw-drawer__cta{ font-size:13.5px; }
}

@media (prefers-reduced-motion: reduce){
    .nw-drawer,
    .nw-drawer__inner,
    .nw-drawer__list li,
    .nw-drawer__close{ transition:none; }
    .nw-drawer__list li{ opacity:1; transform:none; }
}

/* ============================================================
   SECTION HEADS (shared) — centered by default
   ============================================================ */
.vk-sec-head{
    max-width:720px;
    margin:0 auto 22px;
    text-align:center;
}
.vk-sec-head--center{ /* no-op alias — base is already centered */ }
.vk-sec-head--row{
    display:flex; flex-direction:column; align-items:center;
    gap:16px;
}
.vk-sec-head--row > div{ text-align:center; }
.vk-sec-head__eyebrow{
    display:inline-flex; align-items:center; gap:14px;
    font-family:var(--vk-font-en); font-size:11.5px; letter-spacing:.22em; text-transform:uppercase;
    color:var(--vk-text-3); font-weight:600;
    margin-bottom:10px;
}
.vk-sec-head__eyebrow::before,
.vk-sec-head__eyebrow::after{
    content:""; width:24px; height:1px; display:inline-block; flex-shrink:0;
}
.vk-sec-head__eyebrow::before{ background:linear-gradient(90deg, transparent 0%, var(--vk-gold) 100%); }
.vk-sec-head__eyebrow::after { background:linear-gradient(90deg, var(--vk-gold) 0%, transparent 100%); }
.vk-sec-head__title{
    font-size:clamp(22px, 3.2vw, 32px);
    line-height:1.2; font-weight:700;
    margin:8px 0 10px;
}
.vk-sec-head,
.vk-sec-head__eyebrow,
.vk-sec-head__title,
.vk-sec-head__sub{
    text-align:center !important;
}
.vk-sec-head__title,
.vk-sec-head__sub{
    margin-left:auto !important;
    margin-right:auto !important;
}
.vk-sec-head__sub{
    color:var(--vk-text-2); font-size:15px;
    max-width:600px;
    text-wrap:balance;
}

/* ============================================================
   ① TICKER BAR
   ============================================================ */
.vk-ticker{
    background:linear-gradient(90deg, #06070C 0%, #0E1019 50%, #06070C 100%);
    border-bottom:1px solid var(--vk-line);
    overflow:hidden;
}
.vk-ticker__inner{
    max-width:var(--vk-max); margin:0 auto;
    padding:10px var(--vk-pad);
    display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:18px;
}
.vk-ticker__date{
    display:inline-flex; align-items:center; gap:8px;
    font-size:13px; color:var(--vk-text-2);
    font-family:var(--vk-font-en); font-weight:500;
}
.vk-ticker__date i{ color:var(--vk-gold); }
.vk-ticker__rail{ overflow:hidden; mask-image:linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); }
.vk-ticker__track{
    display:flex; gap:34px; white-space:nowrap;
    animation:vk-ticker 32s linear infinite;
}
.vk-ticker__track span{ font-size:13px; color:var(--vk-text-2); display:inline-flex; align-items:center; gap:8px; }
.vk-ticker__track span i{ color:var(--vk-gold); }
@keyframes vk-ticker{
    from{ transform:translateX(0); }
    to{   transform:translateX(-50%); }
}
.vk-ticker__wa{
    display:inline-flex; align-items:center; gap:8px;
    font-size:13px; color:#000; background:var(--vk-grad-gold);
    padding:6px 12px; border-radius:999px; font-weight:600;
}
.vk-ticker__wa i{ font-size:14px; }

/* ============================================================
   ② HERO
   ============================================================ */
.nw-hero{
    position:relative;
    background:
        radial-gradient(ellipse 80% 60% at 50% 110%, rgba(25,90,55,.32) 0%, transparent 60%),
        radial-gradient(circle at 18% -10%, rgba(245,177,0,.18) 0%, transparent 38%),
        radial-gradient(circle at 82% -10%, rgba(245,177,0,.16) 0%, transparent 38%),
        linear-gradient(180deg, #050610 0%, #0A0B14 55%, #0E1322 100%);
    padding:96px var(--vk-pad) 120px;
    overflow:hidden;
    isolation:isolate;
}
.nw-hero::before{
    content:""; position:absolute; left:0; right:0; bottom:0; height:1px; z-index:1;
    background:linear-gradient(90deg, transparent 0%, rgba(245,177,0,.5) 50%, transparent 100%);
}
.nw-hero__bg{ position:absolute; inset:0; pointer-events:none; z-index:0; }

/* Stadium floodlights — two diffuse spotlight cones from top corners */
.nw-hero__flood{
    position:absolute; top:-12%; width:62%; height:120%;
    pointer-events:none; opacity:.55; mix-blend-mode:screen;
    filter:blur(2px);
}
.nw-hero__flood--l{
    left:-22%;
    background:radial-gradient(ellipse 60% 80% at 70% 0%, rgba(255,234,180,.42) 0%, rgba(245,177,0,.18) 28%, transparent 60%);
    transform:skewX(-12deg);
}
.nw-hero__flood--r{
    right:-22%;
    background:radial-gradient(ellipse 60% 80% at 30% 0%, rgba(255,234,180,.42) 0%, rgba(245,177,0,.18) 28%, transparent 60%);
    transform:skewX(12deg);
}

/* Soft directional light beams */
.nw-hero__beam{
    position:absolute; top:-10%; width:140px; height:140%;
    pointer-events:none; opacity:.16; mix-blend-mode:screen;
    background:linear-gradient(180deg, rgba(255,232,160,.85) 0%, transparent 90%);
    filter:blur(14px);
}
.nw-hero__beam--l{ left:14%; transform:skewX(-22deg) translateY(-4%); animation:vk-beam 7s ease-in-out infinite; }
.nw-hero__beam--r{ right:14%; transform:skewX(22deg) translateY(-4%);  animation:vk-beam 7s ease-in-out infinite -3.5s; }
@keyframes vk-beam{
    0%,100%{ opacity:.14; }
    50%   { opacity:.24; }
}

/* Cricket pitch glow at the bottom */
.nw-hero__pitch{
    position:absolute; left:50%; bottom:-30%; transform:translateX(-50%);
    width:140%; height:60%;
    background:
        radial-gradient(ellipse 50% 60% at 50% 100%, rgba(25,195,125,.18) 0%, transparent 55%),
        radial-gradient(ellipse 18% 12% at 50% 100%, rgba(255,240,200,.16) 0%, transparent 55%);
    pointer-events:none;
    mix-blend-mode:screen;
}

/* Subtle ambient orbs in brand color, far softer than before */
.nw-hero__bg .nw-hero__orb{
    position:absolute; border-radius:50%; filter:blur(80px); pointer-events:none;
}
.nw-hero__orb--gold{ width:340px; height:340px; background:rgba(245,177,0,.18); top:18%; right:-60px; animation:vk-float 14s ease-in-out infinite; }
.nw-hero__orb--red { width:240px; height:240px; background:rgba(211,32,48,.14);  bottom:8%;  left:-40px;  animation:vk-float 18s ease-in-out infinite reverse; }
@keyframes vk-float{
    0%,100%{ transform:translate(0,0); }
    50%   { transform:translate(36px,-22px); }
}

/* Grain (very subtle film noise) */
.nw-hero__grain{
    position:absolute; inset:0; pointer-events:none; opacity:.07; mix-blend-mode:overlay;
    background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 .8 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
    background-size:180px 180px;
}

/* Three stumps with bails, lower-right corner */
.nw-hero__stumps{
    position:absolute; right:5%; bottom:5%;
    display:flex; gap:11px; align-items:flex-end;
    opacity:.22; pointer-events:none; z-index:1;
}
.nw-hero__stump{
    width:7px; height:150px; border-radius:7px 7px 2px 2px;
    background:linear-gradient(180deg, #FFDA7A 0%, #F5B100 35%, #8B5F00 100%);
    box-shadow:
        inset -1.5px 0 0 rgba(0,0,0,.4),
        inset  1.5px 0 0 rgba(255,236,180,.5),
        0 8px 20px rgba(0,0,0,.6);
    position:relative;
    animation:vk-stump-sway 4s ease-in-out infinite;
}
.nw-hero__stump:nth-child(2){ animation-delay:-1.3s; }
.nw-hero__stump:nth-child(3){ animation-delay:-2.6s; }
@keyframes vk-stump-sway{
    0%,100%{ transform:rotate(0deg); }
    50%   { transform:rotate(.6deg); }
}
.nw-hero__bails{
    position:absolute; top:-7px; left:0; right:0;
    display:flex; justify-content:space-between; padding:0 4px;
}
.nw-hero__bails i{
    width:14px; height:5px; border-radius:3px;
    background:linear-gradient(180deg, #FFD24D 0%, #C88500 100%);
    box-shadow:0 1px 2px rgba(0,0,0,.6), inset 0 1px 0 rgba(255,255,255,.4);
}

/* Animated cricket ball arcing across the hero */
.nw-hero__ball{
    position:absolute; bottom:18%; left:-40px; z-index:1;
    pointer-events:none;
    animation:vk-ball-arc 13s cubic-bezier(.4,0,.6,1) infinite;
    filter:drop-shadow(0 6px 16px rgba(185,28,28,.5));
    opacity:.85;
}
.nw-hero__ball svg{ animation:vk-ball-spin 1.6s linear infinite; transform-origin:center; }
@keyframes vk-ball-arc{
    0%   { transform:translate(0vw, 0) rotate(0deg);    opacity:0; }
    8%   { opacity:.9; }
    50%  { transform:translate(50vw, -120px) rotate(180deg); opacity:.9; }
    92%  { opacity:.9; }
    100% { transform:translate(100vw, 0) rotate(360deg); opacity:0; }
}
@keyframes vk-ball-spin{ to{ transform:rotate(360deg); } }
@media (prefers-reduced-motion: reduce){
    .nw-hero__ball, .nw-hero__beam, .nw-hero__stump{ animation:none; }
}

/* Trust badge row in slide 1 */
.nw-hero__badges{
    list-style:none; padding:0; margin:24px 0 0;
    display:flex; flex-wrap:wrap; gap:8px;
}
.nw-hero__badges li{
    display:inline-flex; align-items:center; gap:8px;
    padding:7px 12px; border-radius:999px;
    background:rgba(255,255,255,.04);
    border:1px solid var(--vk-line-2);
    font-size:12.5px; color:var(--vk-text-2);
    backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px);
}
.nw-hero__badges li i{
    width:18px; height:18px; border-radius:50%;
    background:var(--vk-gold-soft); color:var(--vk-gold);
    display:inline-flex; align-items:center; justify-content:center;
    font-size:9px;
}

/* Side panel polish — corner brackets, scanline, divider */
.nw-hero__panel{ position:relative; overflow:hidden; }
.nw-hero__panel-scan{
    position:absolute; left:0; right:0; top:0; height:2px;
    background:linear-gradient(90deg, transparent 0%, rgba(245,177,0,.7) 50%, transparent 100%);
    animation:vk-scan 4.5s linear infinite;
    pointer-events:none;
}
@keyframes vk-scan{
    0%   { transform:translateY(0); opacity:.4; }
    50%  { transform:translateY(180px); opacity:.9; }
    100% { transform:translateY(360px); opacity:0; }
}
.nw-hero__panel-corner{
    position:absolute; width:14px; height:14px; border:2px solid var(--vk-gold);
    pointer-events:none; opacity:.7;
}
.nw-hero__panel-corner--tl{ top:8px;    left:8px;    border-right:0; border-bottom:0; border-radius:4px 0 0 0; }
.nw-hero__panel-corner--tr{ top:8px;    right:8px;   border-left:0;  border-bottom:0; border-radius:0 4px 0 0; }
.nw-hero__panel-corner--bl{ bottom:8px; left:8px;    border-right:0; border-top:0;    border-radius:0 0 0 4px; }
.nw-hero__panel-corner--br{ bottom:8px; right:8px;   border-left:0;  border-top:0;    border-radius:0 0 4px 0; }
.nw-hero__panel-h{ align-items:center; }
.nw-hero__panel-rule{
    flex:1; height:1px;
    background:linear-gradient(90deg, rgba(245,177,0,.35) 0%, transparent 100%);
    margin:0 10px;
}
.nw-hero__panel-ts{
    font-family:var(--vk-font-en); font-size:10px; letter-spacing:.16em;
    color:var(--vk-text-3); padding:3px 7px; border-radius:5px;
    background:rgba(255,255,255,.04); border:1px solid var(--vk-line);
}

.nw-hero__inner{
    position:relative; max-width:var(--vk-max); margin:0 auto;
    display:grid; grid-template-columns:1fr 340px; gap:48px; align-items:center;
}
.nw-hero__slider{ position:relative; min-height:420px; outline:none; }
.nw-hero__slides{ position:relative; min-height:420px; }
.nw-hero__slide{
    position:absolute; inset:0;
    opacity:0; transform:translateY(20px) scale(.98);
    transition:opacity .55s var(--vk-easing), transform .55s var(--vk-easing);
    pointer-events:none;
}
.nw-hero__slide.is-active{ opacity:1; transform:none; pointer-events:auto; position:relative; }
.nw-hero__copy{ max-width:620px; }
.nw-hero__chip{
    display:inline-flex; align-items:center; gap:10px;
    padding:8px 14px; border-radius:999px;
    background:linear-gradient(135deg, rgba(245,177,0,.22), rgba(245,177,0,.06));
    border:1px solid rgba(245,177,0,.35);
    font-size:13px; color:var(--vk-text);
    margin-bottom:24px;
}
.nw-hero__chip-dot{ width:8px; height:8px; border-radius:50%; background:var(--vk-gold); box-shadow:0 0 0 4px rgba(245,177,0,.2); }
.nw-hero__chip-dot--red{ background:var(--vk-red-2); box-shadow:0 0 0 4px rgba(255,59,71,.18); animation:vk-pulse-red 1.6s ease-in-out infinite; }
@keyframes vk-pulse-red{ 50%{ box-shadow:0 0 0 8px rgba(255,59,71,.05); } }
.nw-hero__chip-arrow{ opacity:.7; }
.nw-hero__title{
    font-size:clamp(36px, 6vw, 64px); font-weight:800;
    line-height:1.05; letter-spacing:-.02em; margin-bottom:24px;
}
.nw-hero__title-line{ display:block; }
.nw-hero__lead{ font-size:17px; color:var(--vk-text-2); margin-bottom:28px; max-width:560px; }
.nw-hero__lead strong{ color:var(--vk-text); font-weight:700; }
.nw-hero__cta{ display:flex; flex-wrap:wrap; gap:12px; }

.nw-hero__bonus-tag{
    display:inline-flex; align-items:center; gap:10px;
    padding:8px 14px; border-radius:999px;
    background:linear-gradient(135deg, rgba(245,177,0,.25), rgba(245,177,0,.08));
    border:1px solid rgba(245,177,0,.4);
    font-size:13px; margin-bottom:20px;
}
.nw-hero__bonus-amount{
    font-family:var(--vk-font-en); font-size:clamp(72px, 13vw, 140px); font-weight:800;
    line-height:1; letter-spacing:-.04em;
    background:var(--vk-grad-gold); -webkit-background-clip:text; background-clip:text; color:transparent;
    margin:0 0 8px;
}
.nw-hero__bonus-line{ font-size:22px; font-weight:600; color:var(--vk-text); margin-bottom:16px; }
.nw-hero__bonus-line em{ font-family:var(--vk-font-en); font-style:normal; font-weight:800; color:var(--vk-gold); }

.nw-hero__match{
    display:grid; grid-template-columns:1fr auto 1fr; gap:18px; align-items:center;
    margin:22px 0 28px; padding:22px;
    background:var(--vk-grad-card);
    border:1px solid var(--vk-line-2);
    border-radius:var(--vk-radius-lg);
}
.nw-hero__match-team{ text-align:center; }
.nw-hero__match-flag{
    width:62px; height:62px; border-radius:18px;
    background:var(--vk-grad-gold); color:#000;
    display:inline-flex; align-items:center; justify-content:center;
    font-family:var(--vk-font-en); font-weight:800; font-size:22px;
    margin-bottom:10px;
}
.nw-hero__match-name{ font-size:14px; color:var(--vk-text-2); font-weight:600; }
.nw-hero__match-vs-wrap{ text-align:center; }
.nw-hero__match-vs{ font-family:var(--vk-font-en); font-weight:800; font-size:24px; color:var(--vk-gold); }
.nw-hero__match-time{ font-size:12px; color:var(--vk-text-3); margin-top:4px; }

.nw-hero__nav{
    display:flex; align-items:center; gap:14px;
    margin-top:32px;
}
.nw-hero__arrow{
    width:42px; height:42px; border-radius:50%;
    background:rgba(255,255,255,.05); border:1px solid var(--vk-line-2);
    color:var(--vk-text); display:inline-flex; align-items:center; justify-content:center;
    transition:background .2s, color .2s, border-color .2s;
}
.nw-hero__arrow:hover{ background:var(--vk-gold-soft); border-color:var(--vk-gold); color:var(--vk-gold); }
.nw-hero__dots{ display:flex; gap:8px; }
.nw-hero__dot{
    width:24px; height:6px; border-radius:6px;
    background:rgba(255,255,255,.1); transition:width .3s, background .3s;
}
.nw-hero__dot.is-active{ width:48px; background:var(--vk-gold); }

.nw-hero__panel{
    background:var(--vk-grad-card);
    border:1px solid var(--vk-line-2);
    border-radius:var(--vk-radius-xl);
    padding:24px;
    box-shadow:var(--vk-shadow-lg);
}
.nw-hero__panel-h{ display:flex; align-items:center; gap:8px; margin-bottom:18px; }
.nw-hero__panel-live{
    font-family:var(--vk-font-en); font-size:12px; letter-spacing:.14em; text-transform:uppercase;
    color:var(--vk-green); font-weight:600;
}
.nw-hero__panel-stats{
    list-style:none; padding:0; margin:0;
    display:grid; grid-template-columns:1fr 1fr; gap:14px;
}
.nw-hero__panel-stats li{
    padding:14px; border-radius:14px;
    background:rgba(255,255,255,.03);
    border:1px solid var(--vk-line);
}
.nw-hero__panel-num{
    display:block;
    font-family:var(--vk-font-en); font-weight:800;
    font-size:24px; color:var(--vk-gold);
    margin-bottom:4px;
}
.nw-hero__panel-lbl{ font-size:12px; color:var(--vk-text-3); }
.nw-hero__panel-cta{
    display:flex; align-items:center; justify-content:space-between;
    margin-top:18px; padding:14px 18px; border-radius:14px;
    background:rgba(245,177,0,.1); border:1px solid rgba(245,177,0,.25);
    color:var(--vk-gold); font-weight:600; font-size:14px;
}
.nw-hero__panel-cta:hover{ background:rgba(245,177,0,.18); }

/* ============================================================
   ③ PROVIDERS STRIP — two-row counter-direction premium rail
   ============================================================ */
.vk-providers{
    position:relative;
    padding:84px 0 72px;
    background:
        radial-gradient(ellipse 80% 40% at 50% 0%, rgba(245,177,0,.05) 0%, transparent 70%),
        var(--vk-bg-2);
    border-top:1px solid var(--vk-line);
    overflow:hidden;
}
.vk-providers::before{
    content:""; position:absolute; left:0; right:0; top:0; height:1px;
    background:linear-gradient(90deg, transparent, rgba(245,177,0,.35), transparent);
}
.vk-providers__inner{ max-width:var(--vk-max); margin:0 auto; padding:0 var(--vk-pad); }
.vk-providers__head{ text-align:center; margin-bottom:44px; }
.vk-providers__eyebrow{
    display:inline-flex; align-items:center; gap:14px;
    font-family:var(--vk-font-en); font-size:11.5px; letter-spacing:.22em;
    text-transform:uppercase; color:var(--vk-text-3); font-weight:600;
    margin-bottom:10px;
}
.vk-providers__eyebrow::before,
.vk-providers__eyebrow::after{
    content:""; width:24px; height:1px; display:inline-block; flex-shrink:0;
}
.vk-providers__eyebrow::before{ background:linear-gradient(90deg, transparent 0%, var(--vk-gold) 100%); }
.vk-providers__eyebrow::after { background:linear-gradient(90deg, var(--vk-gold) 0%, transparent 100%); }
.vk-providers__eyebrow i{ color:var(--vk-gold); font-size:13px; order:0; }
.vk-providers__title{ font-size:clamp(26px, 3.5vw, 38px); margin-bottom:10px; }
.vk-providers__head,
.vk-providers__eyebrow,
.vk-providers__title,
.vk-providers__sub{
    text-align:center !important;
}
.vk-providers__title,
.vk-providers__sub{
    margin-left:auto !important;
    margin-right:auto !important;
}
.vk-providers__sub{ font-size:15px; color:var(--vk-text-2); max-width:560px; text-wrap:balance; }
.vk-providers__count{
    display:inline-flex; align-items:center; gap:8px;
    padding:8px 16px 8px 12px; border-radius:999px;
    background:linear-gradient(135deg, rgba(25,195,125,.12) 0%, rgba(25,195,125,.04) 100%);
    border:1px solid rgba(25,195,125,.3);
    font-size:13px;
}
.vk-providers__count i{ color:var(--vk-green); font-size:14px; }
.vk-providers__count b{ font-family:var(--vk-font-en); font-weight:800; color:var(--vk-green); }
.vk-providers__count span{ color:var(--vk-text-2); font-family:var(--vk-font-en); letter-spacing:.04em; }

.vk-providers__rows{
    display:flex; flex-direction:column; gap:18px;
    margin-bottom:44px;
}
.vk-providers__rail{
    position:relative; overflow:hidden;
    mask-image:linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
    -webkit-mask-image:linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
    padding:6px 0;
}
.vk-providers__track{
    display:flex; gap:18px;
    width:max-content;
    animation:vk-marquee 48s linear infinite;
}
.vk-providers__track--rev{ animation:vk-marquee-rev 56s linear infinite; }
.vk-providers__rail:hover .vk-providers__track{ animation-play-state:paused; }
@keyframes vk-marquee{
    from{ transform:translateX(0); }
    to{   transform:translateX(-50%); }
}
@keyframes vk-marquee-rev{
    from{ transform:translateX(-50%); }
    to{   transform:translateX(0); }
}

.vk-providers__card{
    position:relative; isolation:isolate;
    display:inline-flex; align-items:center; gap:16px;
    padding:18px 22px;
    min-width:300px; max-width:320px; min-height:96px;
    border-radius:18px;
    background:
        linear-gradient(135deg, rgba(255,255,255,.05) 0%, rgba(255,255,255,.01) 100%),
        var(--vk-grad-card);
    border:1px solid var(--vk-line-2);
    box-shadow:
        0 12px 24px rgba(0,0,0,.35),
        inset 0 1px 0 rgba(255,255,255,.05);
    transition:transform .25s var(--vk-easing), border-color .25s, box-shadow .25s;
    overflow:hidden;
}
.vk-providers__card:hover{
    transform:translateY(-3px);
    border-color:color-mix(in srgb, var(--tint, var(--vk-gold)) 60%, transparent);
    box-shadow:
        0 18px 36px rgba(0,0,0,.45),
        0 0 0 1px color-mix(in srgb, var(--tint, var(--vk-gold)) 25%, transparent),
        inset 0 1px 0 rgba(255,255,255,.08);
}
/* Logo container — when a provider has an uploaded image */
.vk-providers__card-logo{
    width:60px; height:60px; border-radius:14px;
    background:#fff;
    display:inline-flex; align-items:center; justify-content:center;
    padding:8px; flex-shrink:0;
    box-shadow:
        0 6px 14px color-mix(in srgb, var(--tint, #F5B100) 35%, transparent),
        inset 0 0 0 1px rgba(0,0,0,.04);
    position:relative; overflow:hidden;
}
.vk-providers__card-logo::before{
    content:""; position:absolute; inset:0; border-radius:14px;
    background:linear-gradient(135deg, rgba(255,255,255,.5) 0%, transparent 50%);
    pointer-events:none;
}
.vk-providers__card-logo img{
    max-width:100%; max-height:100%; width:auto; height:auto;
    object-fit:contain;
    filter:drop-shadow(0 1px 2px rgba(0,0,0,.08));
}
.vk-providers__card.has-logo{ padding-left:14px; }
/* Tinted under-glow */
.vk-providers__card-glow{
    position:absolute; left:-20%; right:-20%; bottom:-40%; height:70%;
    background:radial-gradient(ellipse at center, var(--tint, #F5B100) 0%, transparent 60%);
    opacity:.18; filter:blur(20px); pointer-events:none; z-index:-1;
    transition:opacity .3s;
}
.vk-providers__card:hover .vk-providers__card-glow{ opacity:.32; }
/* Monogram tile */
.vk-providers__card-mono{
    width:42px; height:42px; border-radius:12px;
    display:inline-flex; align-items:center; justify-content:center;
    font-family:var(--vk-font-en); font-weight:800; font-size:20px;
    color:#fff; flex-shrink:0;
    background:linear-gradient(135deg, var(--tint, #F5B100) 0%, color-mix(in srgb, var(--tint, #F5B100) 70%, #000) 100%);
    box-shadow:
        0 6px 14px color-mix(in srgb, var(--tint, #F5B100) 35%, transparent),
        inset 0 1px 0 rgba(255,255,255,.3),
        inset 0 -1px 0 rgba(0,0,0,.25);
    position:relative;
}
.vk-providers__card-mono::after{
    content:""; position:absolute; inset:0; border-radius:12px;
    border:1px solid rgba(255,255,255,.08); pointer-events:none;
}
.vk-providers__card-body{ display:flex; flex-direction:column; flex:1; min-width:0; }
.vk-providers__card-body b{
    font-family:var(--vk-font-en); font-weight:700; font-size:15px;
    color:var(--vk-text); margin-bottom:2px;
    white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.vk-providers__card-body span{
    font-size:11.5px; color:var(--vk-text-3); letter-spacing:.02em;
    text-transform:uppercase; font-weight:500;
}
.vk-providers__card-tick{
    width:24px; height:24px; border-radius:50%;
    background:rgba(25,195,125,.12); color:var(--vk-green);
    display:inline-flex; align-items:center; justify-content:center;
    font-size:12px; flex-shrink:0;
}

/* Stats strip under the rails */
.vk-providers__stats{
    list-style:none; padding:24px; margin:0;
    display:grid; grid-template-columns:repeat(auto-fit, minmax(160px, 1fr));
    gap:14px;
    background:
        linear-gradient(135deg, rgba(245,177,0,.06) 0%, rgba(245,177,0,.02) 100%),
        var(--vk-grad-card);
    border:1px solid rgba(245,177,0,.18);
    border-radius:var(--vk-radius-xl);
}
.vk-providers__stats li{
    text-align:center; padding:14px 8px;
    border-right:1px dashed var(--vk-line);
}
.vk-providers__stats li:last-child{ border-right:0; }
.vk-providers__stats b{
    display:block; font-family:var(--vk-font-en); font-weight:800; font-size:30px;
    background:var(--vk-grad-gold); -webkit-background-clip:text; background-clip:text; color:transparent;
    margin-bottom:4px; line-height:1;
}
.vk-providers__stats span{ font-size:12.5px; color:var(--vk-text-2); }
@media (max-width:768px){
    .vk-providers__stats li{ border-right:0; border-bottom:1px dashed var(--vk-line); }
    .vk-providers__stats li:last-child{ border-bottom:0; }
}

/* ============================================================
   ④ BANNER SLIDER — premium hero, thumbs + progress + counter
   ============================================================ */
.vk-bslider{ padding:72px 0; }
.vk-bslider__inner{ max-width:var(--vk-max); margin:0 auto; padding:0 var(--vk-pad); }
.vk-bslider__viewport{
    position:relative;
    border-radius:var(--vk-radius-xl);
    overflow:hidden;
    border:1px solid var(--vk-line-2);
    background:var(--vk-bg-2);
    aspect-ratio:21/9;
    min-height:340px;
    box-shadow:var(--vk-shadow-lg);
}
.vk-bslider__track{ position:absolute; inset:0; }
.vk-bslider__slide{
    position:absolute; inset:0;
    opacity:0;
    transition:opacity .8s var(--vk-easing);
    display:flex; align-items:flex-end;
    padding:clamp(28px, 4vw, 52px);
    pointer-events:none;
}
.vk-bslider__slide.is-active{ opacity:1; pointer-events:auto; }

/* Parallax-y zoom: idle scale 1.08, eases to 1 when active */
.vk-bslider__img{
    position:absolute; inset:0;
    background-size:cover; background-position:center;
    z-index:1;
    transform:scale(1.08);
    transition:transform 7s ease-out;
    will-change:transform;
}
.vk-bslider__slide.is-active .vk-bslider__img{ transform:scale(1); }
.vk-bslider__img::after{
    content:""; position:absolute; inset:0;
    background:
        linear-gradient(180deg, rgba(10,11,16,.08) 0%, rgba(10,11,16,.55) 45%, rgba(10,11,16,.95) 100%),
        linear-gradient(90deg, rgba(10,11,16,.8) 0%, rgba(10,11,16,.4) 45%, transparent 90%);
}

/* Copy stack — children slide in with stagger when slide goes active */
.vk-bslider__copy{
    position:relative; z-index:2; max-width:560px;
}
.vk-bslider__copy > *{
    opacity:0; transform:translateX(-24px);
    transition:opacity .55s var(--vk-easing), transform .55s var(--vk-easing);
}
.vk-bslider__slide.is-active .vk-bslider__copy > *{ opacity:1; transform:none; }
.vk-bslider__slide.is-active .vk-bslider__copy > *:nth-child(1){ transition-delay:.18s; }
.vk-bslider__slide.is-active .vk-bslider__copy > *:nth-child(2){ transition-delay:.30s; }
.vk-bslider__slide.is-active .vk-bslider__copy > *:nth-child(3){ transition-delay:.42s; }
.vk-bslider__slide.is-active .vk-bslider__copy > *:nth-child(4){ transition-delay:.54s; }

.vk-bslider__eyebrow{
    display:inline-flex; align-items:center; gap:8px;
    padding:6px 14px; border-radius:999px;
    background:linear-gradient(135deg, rgba(245,177,0,.22) 0%, rgba(245,177,0,.08) 100%);
    border:1px solid rgba(245,177,0,.4);
    font-family:var(--vk-font-en); font-size:11px; letter-spacing:.16em; text-transform:uppercase;
    color:var(--vk-gold); font-weight:700;
    margin-bottom:18px;
}
.vk-bslider__eyebrow-dot{
    width:6px; height:6px; border-radius:50%; background:var(--vk-gold);
    box-shadow:0 0 0 3px rgba(245,177,0,.22);
    animation:vk-pulse 1.6s ease-in-out infinite;
}
.vk-bslider__title{
    font-size:clamp(24px, 4vw, 44px);
    line-height:1.1; letter-spacing:-.01em;
    color:#fff;
    margin-bottom:12px;
}
.vk-bslider__sub{
    font-size:15.5px; color:rgba(236,237,243,.85);
    margin-bottom:22px; max-width:520px;
}
.vk-bslider__btn{ box-shadow:0 18px 36px rgba(245,177,0,.32); }

.vk-bslider__nav{
    position:absolute; top:calc(50% - 28px); transform:translateY(-50%);
    width:48px; height:48px; border-radius:50%;
    background:rgba(0,0,0,.55); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);
    border:1px solid rgba(255,255,255,.12); color:#fff;
    display:inline-flex; align-items:center; justify-content:center;
    z-index:3; transition:background .25s, border-color .25s, color .25s, transform .25s;
}
.vk-bslider__nav:hover{ background:var(--vk-gold); color:#000; border-color:var(--vk-gold); transform:translateY(-50%) scale(1.06); }
.vk-bslider__nav--prev{ left:18px; }
.vk-bslider__nav--next{ right:18px; }

/* Slide counter — top right of viewport */
.vk-bslider__counter{
    position:absolute; top:22px; right:22px; z-index:3;
    display:inline-flex; align-items:baseline; gap:4px;
    padding:8px 14px; border-radius:999px;
    background:rgba(0,0,0,.5); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px);
    border:1px solid var(--vk-line-2);
    font-family:var(--vk-font-en); font-size:13px;
    color:var(--vk-text-2); letter-spacing:.04em;
}
.vk-bslider__counter b{
    font-size:18px; font-weight:800; color:var(--vk-gold); line-height:1;
    transition:opacity .3s;
}
.vk-bslider__counter-slash{ opacity:.4; font-size:14px; }

/* Auto-advance progress bar at the bottom of the viewport */
.vk-bslider__progress{
    position:absolute; left:0; right:0; bottom:0; height:3px; z-index:3;
    background:rgba(255,255,255,.08);
}
.vk-bslider__progress-bar{
    display:block; height:100%; width:0;
    background:var(--vk-grad-gold);
    box-shadow:0 0 12px rgba(245,177,0,.65);
    transform-origin:left;
}
.vk-bslider__progress-bar.is-running{
    animation:vk-bslider-fill var(--vk-bslider-dur, 5500ms) linear forwards;
}
@keyframes vk-bslider-fill{
    from{ width:0; }
    to{   width:100%; }
}

/* Thumbnail strip below the viewport */
.vk-bslider__thumbs{
    display:grid; grid-template-columns:repeat(auto-fit, minmax(140px, 1fr));
    gap:10px; margin-top:14px;
}
.vk-bslider__thumb{
    position:relative; overflow:hidden;
    aspect-ratio:16/9; min-height:78px;
    border-radius:14px; border:1px solid var(--vk-line-2);
    background:var(--vk-bg-2);
    transition:border-color .25s, transform .25s var(--vk-easing), box-shadow .25s;
    isolation:isolate;
    cursor:pointer;
}
.vk-bslider__thumb:hover{ transform:translateY(-2px); border-color:rgba(245,177,0,.45); }
.vk-bslider__thumb.is-active{
    border-color:var(--vk-gold);
    box-shadow:0 0 0 2px rgba(245,177,0,.35), 0 14px 28px rgba(0,0,0,.4);
}
.vk-bslider__thumb-img{
    position:absolute; inset:0;
    background-size:cover; background-position:center;
    z-index:1; opacity:.55;
    transition:opacity .3s, transform .35s var(--vk-easing);
}
.vk-bslider__thumb.is-active .vk-bslider__thumb-img,
.vk-bslider__thumb:hover .vk-bslider__thumb-img{ opacity:1; transform:scale(1.04); }
.vk-bslider__thumb-img::after{
    content:""; position:absolute; inset:0;
    background:linear-gradient(180deg, transparent 35%, rgba(10,11,16,.9) 100%);
}
.vk-bslider__thumb-info{
    position:relative; z-index:2;
    display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-end;
    padding:8px 12px 10px; height:100%;
    color:#fff;
}
.vk-bslider__thumb-num{
    font-family:var(--vk-font-en); font-size:11px; font-weight:800;
    color:var(--vk-gold); letter-spacing:.08em; margin-bottom:3px;
    text-shadow:0 1px 2px rgba(0,0,0,.6);
}
.vk-bslider__thumb-title{
    font-size:12px; line-height:1.25; font-weight:600;
    text-shadow:0 1px 2px rgba(0,0,0,.7);
}
@media (max-width:768px){
    .vk-bslider__viewport{ min-height:260px; aspect-ratio:auto; height:62vw; max-height:340px; }
    .vk-bslider__counter{ top:14px; right:14px; padding:6px 12px; font-size:12px; }
    .vk-bslider__counter b{ font-size:15px; }
    .vk-bslider__thumb-title{ display:none; }
    .vk-bslider__thumb{ min-height:60px; }
}

/* ============================================================
   ⑤ GAME CATEGORIES — theatrical themed tiles
   ============================================================ */
.vk-cats{ padding:84px 0; background:var(--vk-bg-2); }
.vk-cats__inner{ max-width:var(--vk-max); margin:0 auto; padding:0 var(--vk-pad); }
.vk-cats__grid{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));
    gap:20px;
    justify-content:center;
}
.vk-cats__card{
    position:relative; isolation:isolate;
    display:flex; flex-direction:column;
    min-height:340px; padding:22px;
    border-radius:var(--vk-radius-xl);
    background:var(--vk-bg-3);
    border:1px solid var(--vk-line-2);
    color:var(--vk-text);
    overflow:hidden;
    transition:transform .35s var(--vk-easing), border-color .35s, box-shadow .35s;
}
.vk-cats__card:hover{
    transform:translateY(-6px);
    border-color:rgba(245,177,0,.4);
    box-shadow:var(--vk-shadow-lg);
}

/* Scene backdrop fills the card */
.vk-cats__scene{
    position:absolute; inset:0; z-index:0; pointer-events:none;
    overflow:hidden;
    transition:transform .6s var(--vk-easing);
}
.vk-cats__card:hover .vk-cats__scene{ transform:scale(1.06); }
.vk-cats__overlay{
    position:absolute; inset:0;
    background:linear-gradient(180deg, rgba(10,11,16,.35) 0%, rgba(10,11,16,.55) 50%, rgba(10,11,16,.92) 100%);
}

/* Top row */
.vk-cats__head{
    position:relative; z-index:1;
    display:flex; align-items:center; justify-content:space-between;
    margin-bottom:auto;
}
.vk-cats__tag{
    display:inline-flex; align-items:center; gap:6px;
    padding:5px 11px; border-radius:999px;
    background:var(--vk-grad-gold); color:#000;
    font-family:var(--vk-font-en); font-weight:700; font-size:10.5px;
    letter-spacing:.08em; text-transform:uppercase;
    box-shadow:0 4px 12px rgba(245,177,0,.3);
}
.vk-cats__count{
    font-size:12px; color:var(--vk-text-2);
    padding:5px 10px; border-radius:999px;
    background:rgba(0,0,0,.4); border:1px solid var(--vk-line);
    backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px);
}

/* Body */
.vk-cats__body{
    position:relative; z-index:1;
    margin-top:24px;
}
.vk-cats__icon{
    display:inline-flex; align-items:center; justify-content:center;
    width:52px; height:52px; border-radius:14px;
    background:rgba(0,0,0,.4); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px);
    border:1px solid rgba(255,255,255,.12);
    color:var(--vk-gold); margin-bottom:14px;
    transition:transform .3s var(--vk-easing);
}
.vk-cats__card:hover .vk-cats__icon{ transform:rotate(-8deg) scale(1.06); }
.vk-cats__icon i{ font-size:22px; }
.vk-cats__title{
    font-family:var(--vk-font-en); font-weight:700; font-size:22px;
    color:#fff; margin-bottom:6px;
}
.vk-cats__desc{ font-size:13.5px; color:rgba(236,237,243,.78); }

/* Play pill */
.vk-cats__play{
    position:relative; z-index:1;
    display:inline-flex; align-items:center; gap:8px;
    margin-top:18px; padding:10px 16px;
    border-radius:999px;
    background:rgba(245,177,0,.12); border:1px solid rgba(245,177,0,.4);
    color:var(--vk-gold);
    font-family:var(--vk-font-en); font-weight:600; font-size:13px;
    align-self:flex-start;
    transition:background .25s, color .25s, padding .25s;
}
.vk-cats__card:hover .vk-cats__play{
    background:var(--vk-grad-gold); color:#000; padding-right:22px;
}
.vk-cats__play-arrow{ transition:transform .25s var(--vk-easing); }
.vk-cats__card:hover .vk-cats__play-arrow{ transform:translateX(4px); }

/* ----------------------------------------------------------
   Themed scenes (CSS-only, per .vk-cats__card--<theme>)
   ---------------------------------------------------------- */

/* — CRICKET — green field with stumps and a ball — */
.vk-cats__card--cricket .vk-cats__scene{
    background:
        radial-gradient(ellipse at center bottom, rgba(34,138,75,.7) 0%, rgba(11,52,33,1) 70%),
        linear-gradient(180deg, #0F2A1B 0%, #061410 100%);
}
.vk-cats__card--cricket .vk-scene__pitch{
    position:absolute; left:50%; bottom:-10%; transform:translateX(-50%) rotate(-2deg);
    width:50%; height:60%;
    background:linear-gradient(180deg, #C9A86A 0%, #8C7142 100%);
    border-radius:30% 30% 8% 8% / 60% 60% 8% 8%;
    box-shadow:0 -6px 24px rgba(0,0,0,.35), inset 0 4px 12px rgba(255,255,255,.18);
}
.vk-cats__card--cricket .vk-scene__stump{
    position:absolute; bottom:18%; width:5px; height:38px;
    background:linear-gradient(180deg, #FFE4A8 0%, #B47B0F 100%);
    border-radius:5px;
    box-shadow:0 2px 4px rgba(0,0,0,.5);
}
.vk-cats__card--cricket .vk-scene__stump:nth-of-type(1){ left:46%; }
.vk-cats__card--cricket .vk-scene__stump:nth-of-type(2){ left:50%; }
.vk-cats__card--cricket .vk-scene__stump:nth-of-type(3){ left:54%; }
.vk-cats__card--cricket .vk-scene__ball{
    position:absolute; right:18%; top:30%;
    width:14px; height:14px; border-radius:50%;
    background:radial-gradient(circle at 35% 30%, #FF6B6B 0%, #B91C1C 60%, #5A0F0F 100%);
    box-shadow:0 6px 14px rgba(185,28,28,.5), inset -1px -2px 3px rgba(0,0,0,.4);
    animation:vk-cat-ball 5s ease-in-out infinite;
}
@keyframes vk-cat-ball{
    0%,100%{ transform:translate(0,0); }
    50%   { transform:translate(-30px,12px); }
}

/* — SPORTS — green field with center circle and lines — */
.vk-cats__card--sports .vk-cats__scene{
    background:
        radial-gradient(ellipse at center, rgba(38,165,90,.6) 0%, rgba(7,40,22,1) 70%),
        linear-gradient(180deg, #0E3A22 0%, #061811 100%);
}
.vk-cats__card--sports .vk-scene__field{
    position:absolute; inset:0;
    background:repeating-linear-gradient(
        90deg,
        transparent 0,
        transparent 24px,
        rgba(255,255,255,.04) 24px,
        rgba(255,255,255,.04) 48px
    );
}
.vk-cats__card--sports .vk-scene__line--mid{
    position:absolute; top:0; bottom:0; left:50%; width:1.5px;
    background:rgba(255,255,255,.4);
    box-shadow:0 0 8px rgba(255,255,255,.25);
}
.vk-cats__card--sports .vk-scene__circle{
    position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
    width:90px; height:90px; border-radius:50%;
    border:1.5px solid rgba(255,255,255,.4);
    box-shadow:0 0 14px rgba(255,255,255,.2);
}
.vk-cats__card--sports .vk-scene__circle::before{
    content:""; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
    width:6px; height:6px; border-radius:50%; background:#fff;
}
.vk-cats__card--sports .vk-scene__corner{
    position:absolute; width:36px; height:36px;
    border:1.5px solid rgba(255,255,255,.35);
}
.vk-cats__card--sports .vk-scene__corner--tl{ top:0; left:0; border-right:0; border-bottom:0; border-radius:12px 0 0 0; }
.vk-cats__card--sports .vk-scene__corner--br{ bottom:0; right:0; border-left:0; border-top:0; border-radius:0 0 12px 0; }

/* — LIVE CASINO — red/black felt with roulette wheel and chips — */
.vk-cats__card--casino .vk-cats__scene{
    background:
        radial-gradient(ellipse at 70% 40%, rgba(120,15,30,.85) 0%, rgba(40,8,12,1) 70%),
        linear-gradient(180deg, #2A0A12 0%, #100406 100%);
}
.vk-cats__card--casino .vk-scene__felt{
    position:absolute; inset:0;
    background:radial-gradient(circle, transparent 60%, rgba(0,0,0,.5) 100%);
}
.vk-cats__card--casino .vk-scene__wheel{
    position:absolute; right:-30px; top:50%; transform:translateY(-50%);
    width:160px; height:160px; border-radius:50%;
    background:
        conic-gradient(
            from 0deg,
            #B91C1C 0deg, #0A0B10 30deg,
            #B91C1C 60deg, #0A0B10 90deg,
            #B91C1C 120deg, #0A0B10 150deg,
            #B91C1C 180deg, #0A0B10 210deg,
            #B91C1C 240deg, #0A0B10 270deg,
            #B91C1C 300deg, #0A0B10 330deg,
            #B91C1C 360deg
        );
    box-shadow:
        0 0 0 4px rgba(245,177,0,.6),
        0 0 0 6px rgba(0,0,0,.6),
        0 18px 36px rgba(0,0,0,.6);
    animation:vk-spin 22s linear infinite;
}
@keyframes vk-spin{ to{ transform:translateY(-50%) rotate(360deg); } }
.vk-cats__card--casino .vk-scene__wheel::before{
    content:""; position:absolute; inset:24%; border-radius:50%;
    background:radial-gradient(circle at 30% 30%, #D4A65A 0%, #6B4D1F 100%);
    box-shadow:inset 0 0 12px rgba(0,0,0,.5);
}
.vk-cats__card--casino .vk-scene__chip{
    position:absolute; width:28px; height:28px; border-radius:50%;
    box-shadow:0 4px 10px rgba(0,0,0,.5), inset 0 -2px 0 rgba(0,0,0,.25), inset 0 2px 0 rgba(255,255,255,.15);
    border:2px dashed rgba(255,255,255,.45);
}
.vk-cats__card--casino .vk-scene__chip--1{ background:#B91C1C; left:18%; top:60%; }
.vk-cats__card--casino .vk-scene__chip--2{ background:#1E3A8A; left:30%; top:72%; width:24px; height:24px; }
.vk-cats__card--casino .vk-scene__chip--3{ background:#15803D; left:14%; top:78%; width:22px; height:22px; }

/* — SLOT — neon purple with three spinning reels — */
.vk-cats__card--slot .vk-cats__scene{
    background:
        radial-gradient(ellipse at center, rgba(155,93,229,.45) 0%, rgba(38,16,72,1) 70%),
        linear-gradient(180deg, #1E0B3A 0%, #0A0418 100%);
}
.vk-cats__card--slot .vk-scene__neon{
    position:absolute; inset:8%;
    border:1.5px solid rgba(245,177,0,.4);
    border-radius:14px;
    box-shadow:
        0 0 16px rgba(245,177,0,.4),
        inset 0 0 14px rgba(245,177,0,.18);
}
.vk-cats__card--slot .vk-scene__reel{
    position:absolute; bottom:24%; width:38px; height:60px;
    background:linear-gradient(180deg, #2A1858 0%, #150A2D 50%, #2A1858 100%);
    border:1.5px solid rgba(245,177,0,.5);
    border-radius:8px;
    box-shadow:inset 0 6px 12px rgba(0,0,0,.4), 0 0 12px rgba(155,93,229,.4);
    overflow:hidden;
}
.vk-cats__card--slot .vk-scene__reel::before{
    content:"7";
    position:absolute; inset:0;
    display:flex; align-items:center; justify-content:center;
    font-family:var(--vk-font-en); font-weight:800; font-size:24px;
    color:var(--vk-gold);
    text-shadow:0 0 8px rgba(245,177,0,.7);
    animation:vk-reel 3s ease-in-out infinite;
}
.vk-cats__card--slot .vk-scene__reel:nth-of-type(1){ left:30%; }
.vk-cats__card--slot .vk-scene__reel:nth-of-type(2){ left:46%; }
.vk-cats__card--slot .vk-scene__reel:nth-of-type(2)::before{ content:"★"; animation-delay:-1s; }
.vk-cats__card--slot .vk-scene__reel:nth-of-type(3){ left:62%; }
.vk-cats__card--slot .vk-scene__reel:nth-of-type(3)::before{ content:"♦"; animation-delay:-2s; }
@keyframes vk-reel{
    0%,100%{ transform:translateY(0); opacity:1; }
    45%   { transform:translateY(-12px); opacity:.3; }
    55%   { transform:translateY(12px); opacity:.3; }
}
.vk-cats__card--slot .vk-scene__spark{
    position:absolute; width:3px; height:3px; border-radius:50%;
    background:#FFD24D;
    box-shadow:0 0 8px #FFD24D, 0 0 16px #F5B100;
}
.vk-cats__card--slot .vk-scene__spark--1{ top:30%; right:22%; animation:vk-twinkle 2.5s ease-in-out infinite; }
.vk-cats__card--slot .vk-scene__spark--2{ top:45%; left:22%; animation:vk-twinkle 2.5s ease-in-out infinite -1.2s; }
@keyframes vk-twinkle{
    0%,100%{ opacity:.3; transform:scale(.6); }
    50%   { opacity:1;  transform:scale(1.4); }
}

/* — TABLE — dark green felt with three playing cards — */
.vk-cats__card--table .vk-cats__scene{
    background:
        radial-gradient(ellipse at center, rgba(20,90,55,.7) 0%, rgba(8,30,20,1) 70%),
        linear-gradient(180deg, #0E2A1C 0%, #04140C 100%);
}
.vk-cats__card--table .vk-scene__cloth{
    position:absolute; inset:0;
    background:radial-gradient(circle, transparent 50%, rgba(0,0,0,.5) 100%);
}
.vk-cats__card--table .vk-scene__card{
    position:absolute; bottom:18%; width:48px; height:68px;
    background:linear-gradient(180deg, #fff 0%, #E5E7EB 100%);
    border-radius:6px;
    box-shadow:0 8px 16px rgba(0,0,0,.5), inset 0 0 0 1px rgba(0,0,0,.05);
    display:flex; align-items:center; justify-content:center;
    font-family:var(--vk-font-en); font-weight:700; font-size:20px;
}
.vk-cats__card--table .vk-scene__card--a{ left:30%; transform:rotate(-14deg); color:#B91C1C; }
.vk-cats__card--table .vk-scene__card--a::before{ content:"A♥"; }
.vk-cats__card--table .vk-scene__card--b{ left:46%; transform:translateY(-6px); color:#000; }
.vk-cats__card--table .vk-scene__card--b::before{ content:"K♠"; }
.vk-cats__card--table .vk-scene__card--c{ left:62%; transform:rotate(14deg); color:#B91C1C; }
.vk-cats__card--table .vk-scene__card--c::before{ content:"Q♦"; }

/* — ESPORTS — neon grid + hex shapes — */
.vk-cats__card--esports .vk-cats__scene{
    background:
        radial-gradient(ellipse at center, rgba(77,141,255,.35) 0%, rgba(10,12,30,1) 70%),
        linear-gradient(180deg, #0A1330 0%, #03061A 100%);
}
.vk-cats__card--esports .vk-scene__grid-bg{
    position:absolute; inset:0;
    background-image:
        linear-gradient(90deg, rgba(77,141,255,.15) 1px, transparent 1px),
        linear-gradient(180deg, rgba(77,141,255,.15) 1px, transparent 1px);
    background-size:32px 32px;
    mask-image:radial-gradient(circle at center, #000 30%, transparent 75%);
    -webkit-mask-image:radial-gradient(circle at center, #000 30%, transparent 75%);
}
.vk-cats__card--esports .vk-scene__hex{
    position:absolute;
    width:36px; height:42px;
    background:linear-gradient(135deg, rgba(77,141,255,.3) 0%, rgba(155,93,229,.3) 100%);
    border:1px solid rgba(77,141,255,.5);
    clip-path:polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    box-shadow:0 0 12px rgba(77,141,255,.4);
    animation:vk-hex-float 4s ease-in-out infinite;
}
.vk-cats__card--esports .vk-scene__hex--1{ top:24%; left:24%; animation-delay:0s; }
.vk-cats__card--esports .vk-scene__hex--2{ top:36%; right:22%; animation-delay:-1.3s; }
.vk-cats__card--esports .vk-scene__hex--3{ top:55%; left:55%; animation-delay:-2.6s; }
@keyframes vk-hex-float{
    0%,100%{ transform:translateY(0); }
    50%   { transform:translateY(-8px); }
}
.vk-cats__card--esports .vk-scene__pulse{
    position:absolute; top:40%; left:50%; transform:translate(-50%,-50%);
    width:8px; height:8px; border-radius:50%;
    background:#4D8DFF;
    box-shadow:
        0 0 0 4px rgba(77,141,255,.4),
        0 0 0 12px rgba(77,141,255,.18),
        0 0 24px rgba(77,141,255,.6);
    animation:vk-pulse-blue 2s ease-in-out infinite;
}
@keyframes vk-pulse-blue{
    0%,100%{ box-shadow:0 0 0 4px rgba(77,141,255,.4), 0 0 0 12px rgba(77,141,255,.18), 0 0 24px rgba(77,141,255,.6); }
    50%   { box-shadow:0 0 0 8px rgba(77,141,255,.25), 0 0 0 18px rgba(77,141,255,.08), 0 0 36px rgba(77,141,255,.8); }
}

@media (prefers-reduced-motion: reduce){
    .vk-cats__scene, .vk-scene__wheel, .vk-scene__reel::before, .vk-scene__spark, .vk-scene__hex, .vk-scene__pulse, .vk-scene__ball{ animation:none; }
}

/* — AVIATOR — deep sky with diagonal flight trail — */
.vk-cats__card--aviator .vk-cats__scene{
    background:
        radial-gradient(ellipse at 80% 20%, rgba(255,90,90,.32) 0%, rgba(20,8,28,1) 65%),
        linear-gradient(180deg, #1A0820 0%, #060212 100%);
}
.vk-cats__card--aviator .vk-cats__scene::before{
    content:""; position:absolute; inset:0;
    background:
        linear-gradient(60deg, transparent 38%, rgba(255,160,90,.18) 50%, transparent 62%),
        linear-gradient(60deg, transparent 46%, rgba(255,90,140,.22) 50%, transparent 54%);
    mask-image:radial-gradient(ellipse at 30% 75%, #000 0%, transparent 70%);
    -webkit-mask-image:radial-gradient(ellipse at 30% 75%, #000 0%, transparent 70%);
}
.vk-cats__card--aviator .vk-cats__scene::after{
    content:""; position:absolute;
    top:18%; right:14%;
    width:14px; height:14px; border-radius:50%;
    background:radial-gradient(circle, #FFD24D 0%, #F5B100 60%, transparent 100%);
    box-shadow:
        0 0 18px rgba(255,210,77,.7),
        0 0 36px rgba(255,160,90,.4);
    animation:vk-aviator-pulse 2.2s ease-in-out infinite;
}
@keyframes vk-aviator-pulse{
    0%,100%{ transform:scale(1); opacity:.9; }
    50%   { transform:scale(1.25); opacity:1; }
}

/* — LOTTERY — purple jackpot velvet with ticket shimmer — */
.vk-cats__card--lottery .vk-cats__scene{
    background:
        radial-gradient(ellipse at center, rgba(155,93,229,.38) 0%, rgba(28,10,56,1) 70%),
        linear-gradient(180deg, #1C0A38 0%, #08031A 100%);
}
.vk-cats__card--lottery .vk-cats__scene::before{
    content:""; position:absolute; inset:0;
    background-image:
        radial-gradient(circle at 22% 30%, rgba(255,210,77,.45) 0%, transparent 2px),
        radial-gradient(circle at 78% 22%, rgba(255,210,77,.35) 0%, transparent 2px),
        radial-gradient(circle at 35% 70%, rgba(255,210,77,.40) 0%, transparent 2px),
        radial-gradient(circle at 68% 78%, rgba(255,210,77,.30) 0%, transparent 2px),
        radial-gradient(circle at 52% 48%, rgba(255,210,77,.50) 0%, transparent 2px);
    background-size:140px 140px;
    animation:vk-lottery-twinkle 3.6s ease-in-out infinite;
}
@keyframes vk-lottery-twinkle{
    0%,100%{ opacity:.55; }
    50%   { opacity:1; }
}
.vk-cats__card--lottery .vk-cats__scene::after{
    content:"৭৭৭"; position:absolute;
    top:46%; left:50%; transform:translate(-50%,-50%);
    font-family:var(--vk-font-en); font-weight:800; font-size:46px;
    background:linear-gradient(180deg, #FFE08A 0%, #F5B100 100%);
    -webkit-background-clip:text; background-clip:text;
    -webkit-text-fill-color:transparent; color:transparent;
    opacity:.32;
    letter-spacing:.04em;
    filter:drop-shadow(0 6px 18px rgba(245,177,0,.5));
}

@media (prefers-reduced-motion: reduce){
    .vk-cats__card--aviator .vk-cats__scene::after,
    .vk-cats__card--lottery .vk-cats__scene::before{ animation:none; }
}

/* ============================================================
   ⑥ TABS
   ============================================================ */
.vk-tabs{ padding:64px 0; }
.vk-tabs__inner{ max-width:var(--vk-max); margin:0 auto; padding:0 var(--vk-pad); }
.vk-tabs__bar{
    display:inline-flex; gap:4px; padding:6px;
    background:var(--vk-bg-3); border:1px solid var(--vk-line);
    border-radius:999px; margin-bottom:28px;
}
.vk-tabs__btn{
    padding:10px 22px; border-radius:999px;
    font-size:14px; color:var(--vk-text-2); font-weight:600;
    transition:background .2s, color .2s;
}
.vk-tabs__btn.is-active{ background:var(--vk-grad-gold); color:#000; }
.vk-tabs__panel[hidden]{ display:none; }
.vk-tabs__panel.is-active{ animation:vk-fade-up .35s var(--vk-easing) both; }
@keyframes vk-fade-up{ from{ opacity:0; transform:translateY(10px); } to{ opacity:1; transform:none; } }

.vk-tabs__agents{
    display:grid; grid-template-columns:repeat(auto-fit, minmax(180px, 1fr)); gap:14px;
}
.vk-tabs__agent{
    display:block; padding:18px; border-radius:18px; text-align:center;
    background:var(--vk-grad-card); border:1px solid var(--vk-line-2);
    transition:transform .25s, border-color .25s;
}
.vk-tabs__agent:hover{ transform:translateY(-3px); border-color:var(--vk-gold); }
.vk-tabs__agent-pic{
    width:80px; height:80px; border-radius:50%;
    background-size:cover; background-position:center;
    background-color:var(--vk-bg-3);
    margin:0 auto 12px;
    border:2px solid var(--vk-gold);
}
.vk-tabs__agent-pic--ph{
    display:flex; align-items:center; justify-content:center;
    color:var(--vk-text-3); font-size:30px;
    border-color:var(--vk-line-2);
    background-image:none;
}
.vk-tabs__agent-name{ display:block; font-weight:600; font-size:15px; color:var(--vk-text); margin-bottom:4px; }
.vk-tabs__agent-badge{
    display:inline-flex; align-items:center; gap:4px;
    font-size:11px; color:var(--vk-green);
    padding:3px 8px; border-radius:6px; background:rgba(25,195,125,.1);
}
.vk-tabs__empty{ padding:40px; text-align:center; color:var(--vk-text-2); border:1px dashed var(--vk-line-2); border-radius:18px; }
.vk-tabs__more{ margin-top:24px; text-align:center; }

.vk-tabs__help, .vk-tabs__dl{
    display:grid; grid-template-columns:repeat(auto-fit, minmax(240px, 1fr)); gap:14px;
}
.vk-tabs__help-card, .vk-tabs__dl-card{
    display:block; padding:24px; border-radius:18px;
    background:var(--vk-grad-card); border:1px solid var(--vk-line-2);
    transition:border-color .25s, transform .25s;
}
.vk-tabs__help-card:hover, .vk-tabs__dl-card:hover{ border-color:var(--vk-gold); transform:translateY(-3px); }
.vk-tabs__help-icon, .vk-tabs__dl-icon{
    display:inline-flex; align-items:center; justify-content:center;
    width:46px; height:46px; border-radius:12px;
    background:var(--vk-gold-soft); color:var(--vk-gold);
    margin-bottom:14px;
}
.vk-tabs__help-icon i, .vk-tabs__dl-icon i{ font-size:20px; }
.vk-tabs__help-card b{ display:block; font-size:16px; color:var(--vk-text); margin-bottom:4px; }
.vk-tabs__help-card span{ font-size:13px; color:var(--vk-text-2); }
.vk-tabs__dl-card{ display:flex; align-items:center; gap:14px; }
.vk-tabs__dl-card div{ flex:1; }
.vk-tabs__dl-card b{ display:block; font-size:15px; color:var(--vk-text); margin-bottom:2px; }
.vk-tabs__dl-card span{ font-size:13px; color:var(--vk-text-2); }
.vk-tabs__dl-go{ font-size:18px; color:var(--vk-gold); }

/* ============================================================
   ⑦ WHY
   ============================================================ */
.vk-why{ padding:80px 0; }
.vk-why__inner{ max-width:var(--vk-max); margin:0 auto; padding:0 var(--vk-pad); }
.vk-why__grid{ display:grid; grid-template-columns:repeat(auto-fit, minmax(280px, 1fr)); gap:18px; }
.vk-why__card{
    position:relative; padding:36px 28px 32px;
    background:var(--vk-grad-card); border:1px solid var(--vk-line-2);
    border-radius:var(--vk-radius-xl);
    transition:transform .25s, border-color .25s, box-shadow .25s;
    overflow:hidden;
}
.vk-why__card:hover{ transform:translateY(-4px); border-color:rgba(245,177,0,.4); box-shadow:var(--vk-glow-gold); }
.vk-why__icon{
    display:inline-flex; align-items:center; justify-content:center;
    width:64px; height:64px; border-radius:18px;
    background:var(--vk-grad-gold); color:#000;
    margin-bottom:20px;
}
.vk-why__card h3{ font-size:20px; margin-bottom:10px; }
.vk-why__card p{ font-size:14.5px; color:var(--vk-text-2); }
.vk-why__num{
    position:absolute; top:24px; right:28px;
    font-family:var(--vk-font-en); font-size:48px; font-weight:800;
    color:transparent; -webkit-text-stroke:1.2px rgba(245,177,0,.3);
    line-height:1;
    transform:scale(1.7) rotate(-12deg);
    opacity:0;
    transform-origin:right top;
    transition:
        transform .9s cubic-bezier(.34,1.56,.64,1) .25s,
        opacity .7s var(--vk-easing) .25s,
        -webkit-text-stroke-color .35s;
}
[data-reveal].is-in .vk-why__num{
    transform:scale(1) rotate(0);
    opacity:1;
}
.vk-why__card:hover .vk-why__num{
    -webkit-text-stroke-color:rgba(245,177,0,.6);
}
.vk-why__card:hover .vk-why__num::after{ opacity:1; }
.vk-why__num::after{
    content:""; position:absolute; top:-6px; right:-6px;
    width:12px; height:12px; border:1.5px solid var(--vk-gold);
    border-left:0; border-bottom:0; opacity:0; transition:opacity .25s;
}

/* ============================================================
   ⑧ HOW
   ============================================================ */
.vk-how{ padding:80px 0; background:var(--vk-bg-2); }
.vk-how__inner{ max-width:var(--vk-max); margin:0 auto; padding:0 var(--vk-pad); }
.vk-how__steps{
    list-style:none; padding:0; margin:0;
    display:grid; grid-template-columns:repeat(auto-fit, minmax(220px, 1fr)); gap:20px;
    counter-reset:vk-step;
}
.vk-how__steps li{
    position:relative; padding:32px 26px 28px;
    background:var(--vk-grad-card); border:1px solid var(--vk-line-2);
    border-radius:var(--vk-radius-xl);
    transition:transform .3s var(--vk-easing), border-color .3s, box-shadow .3s;
}
.vk-how__steps li:hover{
    transform:translateY(-3px);
    border-color:rgba(245,177,0,.4);
    box-shadow:var(--vk-shadow-md);
}
/* Dashed gold connector between step tiles (horizontal on wide layout) */
.vk-how__steps li:not(:last-child)::after{
    content:""; position:absolute; pointer-events:none;
    top:46px; right:-22px; width:22px; height:0;
    border-top:2px dashed rgba(245,177,0,.55);
    z-index:2;
}
.vk-how__steps li:not(:last-child)::before{
    content:""; position:absolute; pointer-events:none;
    top:42px; right:-26px; width:10px; height:10px;
    border:2px solid var(--vk-gold);
    background:var(--vk-bg-2);
    border-radius:50%;
    box-shadow:0 0 8px rgba(245,177,0,.45);
    z-index:3;
}
@media (max-width:1060px){
    .vk-how__steps li::after, .vk-how__steps li::before{ display:none; }
}
.vk-how__num{
    display:inline-block; font-family:var(--vk-font-en); font-weight:800;
    font-size:14px; color:var(--vk-gold);
    padding:5px 10px; border-radius:6px;
    background:var(--vk-gold-soft);
    border:1px solid rgba(245,177,0,.3);
    margin-bottom:16px;
    box-shadow:0 4px 12px rgba(245,177,0,.15);
}
.vk-how__steps h3{ font-size:18px; margin-bottom:8px; }
.vk-how__steps p{ font-size:14px; color:var(--vk-text-2); }
.vk-how__cta{ text-align:center; margin-top:36px; }

/* (Section ⑨ — orphaned "Live Activity" slot-feed CSS removed.
    The matching HTML/JS was retired in an earlier refactor; the dead
    `.vk-live` rules were hijacking the new ④ Live Odds component's
    selectors with `position:absolute; opacity:0; --slot:99`, hiding
    every row 8514 px below its container. Safe to delete. */

/* ============================================================
   ⑩ PLAYER VOICES
   ============================================================ */
.vk-voices{ padding:100px 0; background:var(--vk-bg-2); position:relative; }
.vk-voices__inner{ max-width:var(--vk-max); margin:0 auto; padding:0 var(--vk-pad); }
.vk-voices__grid{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));
    gap:22px;
    margin-top:36px;
}
.vk-voices__card{
    padding:30px;
    border-radius:var(--vk-radius-xl);
    background:
        linear-gradient(160deg, rgba(245,177,0,.05) 0%, transparent 40%),
        var(--vk-grad-card);
    border:1px solid var(--vk-line-2);
    transition:transform .35s var(--vk-easing), border-color .3s, box-shadow .3s;
    position:relative;
}
/* Decorative open-quote watermark */
.vk-voices__card::before{
    content:"\201C";
    position:absolute; top:8px; right:18px;
    font-family:var(--vk-font-it); font-style:italic; font-weight:600;
    font-size:96px; line-height:1; color:rgba(245,177,0,.12);
    pointer-events:none;
}
.vk-voices__card:hover, .vk-voices__card.is-focus{
    transform:translateY(-4px);
    border-color:rgba(245,177,0,.45);
    box-shadow:0 18px 36px rgba(0,0,0,.4), 0 0 0 1px rgba(245,177,0,.2);
}
.vk-voices__top{ display:flex; align-items:center; gap:12px; margin-bottom:14px; }
.vk-voices__avatar{
    width:48px; height:48px; border-radius:50%;
    background:var(--vk-grad-gold); color:#000;
    display:inline-flex; align-items:center; justify-content:center;
    font-family:var(--vk-font-en); font-weight:700; font-size:18px;
    flex-shrink:0;
    overflow:hidden;
}
.vk-voices__avatar--img{
    background:var(--vk-bg-3);
    box-shadow:0 0 0 2px var(--vk-gold), 0 6px 14px rgba(245,177,0,.18);
}
.vk-voices__avatar--img img{
    width:100%; height:100%; object-fit:cover;
    display:block;
}
.vk-voices__top > div{ flex:1; }
.vk-voices__top b{ display:block; font-size:14.5px; color:var(--vk-text); font-weight:600; }
.vk-voices__top span{ display:block; font-size:12.5px; color:var(--vk-text-3); }
.vk-voices__stars{ color:var(--vk-gold); font-size:12px; letter-spacing:1px; }
.vk-voices__text{ font-size:14.5px; color:var(--vk-text-2); margin-bottom:14px; min-height:90px; }
.vk-voices__seal{
    display:inline-flex; align-items:center; gap:6px;
    font-size:12px; color:var(--vk-green);
    padding:4px 10px; border-radius:8px;
    background:rgba(25,195,125,.1);
}

/* ============================================================
   ⑪ FAMILY (community)
   ============================================================ */
.vk-fam{ padding:80px 0; }
.vk-fam__inner{ max-width:var(--vk-max); margin:0 auto; padding:0 var(--vk-pad); }
.vk-fam__grid{
    display:grid; grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); gap:18px;
}
.vk-fam__card{
    position:relative; padding:32px 26px;
    border-radius:var(--vk-radius-xl);
    background:var(--vk-grad-card); border:1px solid var(--vk-line-2);
    text-align:center;
    transition:transform .25s, box-shadow .25s;
    overflow:hidden;
}
.vk-fam__card::before{
    content:""; position:absolute; inset:0;
    background:var(--card-tint, transparent);
    opacity:.16; transition:opacity .25s;
}
.vk-fam__card > *{ position:relative; }
.vk-fam__card:hover{ transform:translateY(-4px); box-shadow:var(--vk-shadow-md); }
.vk-fam__card:hover::before{ opacity:.28; }
.vk-fam__card i{ font-size:36px; color:var(--vk-gold); margin-bottom:14px; }
.vk-fam__count{ display:block; font-family:var(--vk-font-en); font-weight:800; font-size:34px; color:var(--vk-text); margin-bottom:4px; }
.vk-fam__lbl{ display:block; font-size:13px; color:var(--vk-text-2); margin-bottom:12px; }
.vk-fam__cta{ display:inline-block; font-size:13px; font-weight:600; color:var(--vk-gold); }
.vk-fam__card--fb { --card-tint:#1877F2; } .vk-fam__card--fb  i{ color:#4D8DFF; }
.vk-fam__card--grp{ --card-tint:#42b72a; } .vk-fam__card--grp i{ color:#42b72a; }
.vk-fam__card--yt { --card-tint:#FF0000; } .vk-fam__card--yt  i{ color:#FF3B47; }
.vk-fam__card--tg { --card-tint:#0088CC; } .vk-fam__card--tg  i{ color:#4FB6E8; }
.vk-fam__card--ig { --card-tint:#E1306C; } .vk-fam__card--ig  i{ color:#E1306C; }
.vk-fam__card--wa { --card-tint:#25D366; } .vk-fam__card--wa  i{ color:#25D366; }

/* ============================================================
   ⑫ BLOG
   ============================================================ */
.vk-blog{ padding:80px 0; background:var(--vk-bg-2); }
.vk-blog__inner{ max-width:var(--vk-max); margin:0 auto; padding:0 var(--vk-pad); }
.vk-blog__grid{ display:grid; grid-template-columns:repeat(auto-fit, minmax(280px, 1fr)); gap:18px; }
.vk-blog__card{
    background:var(--vk-grad-card); border:1px solid var(--vk-line-2);
    border-radius:var(--vk-radius-xl); overflow:hidden;
    transition:transform .25s, border-color .25s, box-shadow .25s;
}
.vk-blog__card:hover{ transform:translateY(-4px); border-color:rgba(245,177,0,.35); box-shadow:var(--vk-shadow-md); }
.vk-blog__media{ display:block; aspect-ratio:16/9; overflow:hidden; background:var(--vk-bg-3); }
.vk-blog__media img{ width:100%; height:100%; object-fit:cover; transition:transform .5s var(--vk-easing); }
.vk-blog__card:hover .vk-blog__media img{ transform:scale(1.06); }
.vk-blog__media-ph{
    width:100%; height:100%; display:flex; align-items:center; justify-content:center;
    font-size:48px; color:var(--vk-text-3);
}
.vk-blog__body{ padding:22px; }
.vk-blog__meta{ display:flex; gap:10px; align-items:center; font-size:12px; color:var(--vk-text-3); margin-bottom:10px; }
.vk-blog__meta i{ color:var(--vk-gold); margin-right:3px; }
.vk-blog__cat{
    padding:3px 9px; border-radius:6px;
    background:rgba(255,255,255,.04); color:var(--vk-text-2);
    border:1px solid var(--vk-line); font-weight:600;
    font-family:var(--vk-font-en); letter-spacing:.04em; text-transform:uppercase; font-size:10.5px;
}
.vk-blog__title{ font-size:18px; margin-bottom:8px; }
.vk-blog__title a{ color:var(--vk-text); transition:color .2s; }
.vk-blog__title a:hover{ color:var(--vk-gold); }
.vk-blog__excerpt{ font-size:14px; color:var(--vk-text-2); margin-bottom:14px; }
.vk-blog__more{ font-size:13.5px; font-weight:600; color:var(--vk-gold); }
.vk-blog__empty{ text-align:center; color:var(--vk-text-2); padding:40px; }

/* ============================================================
   ⑬ FAQ
   ============================================================ */
.vk-faq{ padding:80px 0; }
.vk-faq__inner{ max-width:840px; margin:0 auto; padding:0 var(--vk-pad); }
.vk-faq__list{ display:flex; flex-direction:column; gap:10px; }
.vk-faq__item{
    position:relative;
    background:var(--vk-grad-card); border:1px solid var(--vk-line-2);
    border-radius:18px; overflow:hidden;
    transition:border-color .2s, box-shadow .25s;
}
.vk-faq__item[open]{
    border-color:rgba(245,177,0,.4);
    box-shadow:0 0 0 1px rgba(245,177,0,.12), 0 12px 28px rgba(0,0,0,.35);
}
/* Left gold accent bar on open */
.vk-faq__item::before{
    content:""; position:absolute; left:0; top:14px; bottom:14px; width:3px;
    border-radius:3px; background:var(--vk-grad-gold);
    box-shadow:0 0 12px rgba(245,177,0,.55), 0 0 24px rgba(245,177,0,.25);
    opacity:0; transform:scaleY(.2); transform-origin:center;
    transition:opacity .3s, transform .4s var(--vk-easing);
    pointer-events:none;
}
.vk-faq__item[open]::before{ opacity:1; transform:scaleY(1); }
.vk-faq__item summary{
    cursor:pointer; list-style:none;
    display:flex; align-items:center; justify-content:space-between; gap:16px;
    padding:20px 24px; font-size:15.5px; font-weight:600; color:var(--vk-text);
}
.vk-faq__item summary::-webkit-details-marker{ display:none; }
.vk-faq__chev{ flex-shrink:0; color:var(--vk-gold); transition:transform .25s; }
.vk-faq__item[open] .vk-faq__chev{ transform:rotate(180deg); }
.vk-faq__a{
    padding:0 24px 22px; color:var(--vk-text-2); font-size:14.5px; line-height:1.75;
    animation:vk-fade-up .3s var(--vk-easing) both;
}
.vk-faq__a p{ margin:0 0 10px; }

/* ============================================================
   ⑭ FINAL CTA
   ============================================================ */
.vk-final{
    padding:80px var(--vk-pad);
    background:radial-gradient(circle at center, rgba(245,177,0,.18) 0%, transparent 60%), var(--vk-bg);
}
.vk-final__inner{
    max-width:920px; margin:0 auto; text-align:center;
    padding:60px 40px;
    background:var(--vk-grad-card); border:1px solid rgba(245,177,0,.3);
    border-radius:var(--vk-radius-xl);
    box-shadow:var(--vk-glow-gold);
}
.vk-final__eyebrow{
    display:inline-flex; align-items:center; gap:14px;
    font-family:var(--vk-font-en); font-size:11.5px; letter-spacing:.22em;
    text-transform:uppercase; color:var(--vk-text-3); font-weight:600;
    margin-bottom:10px;
}
.vk-final__eyebrow::before,
.vk-final__eyebrow::after{
    content:""; width:24px; height:1px; display:inline-block; flex-shrink:0;
}
.vk-final__eyebrow::before{ background:linear-gradient(90deg, transparent 0%, var(--vk-gold) 100%); }
.vk-final__eyebrow::after { background:linear-gradient(90deg, var(--vk-gold) 0%, transparent 100%); }
.vk-final__title{ font-size:clamp(28px, 4.5vw, 48px); margin-bottom:16px; }
.vk-final__copy p{ font-size:16px; color:var(--vk-text-2); max-width:580px; margin:0 auto 28px; }
.vk-final__actions{ display:flex; flex-wrap:wrap; gap:14px; justify-content:center; }
/* Conic gold glow halo on the primary closer button */
.vk-final .vk-btn--primary{
    position:relative; isolation:isolate; overflow:visible;
}
.vk-final .vk-btn--primary::before{
    content:""; position:absolute; inset:-4px; z-index:-1; border-radius:20px;
    background:conic-gradient(
        from 0deg,
        transparent 0deg,
        rgba(255,232,160,.95) 70deg,
        transparent 160deg,
        transparent 270deg,
        rgba(255,232,160,.95) 340deg,
        transparent 360deg
    );
    opacity:0; filter:blur(12px);
    transition:opacity .35s;
}
.vk-final .vk-btn--primary:hover::before{
    opacity:.75;
    animation:vk-rotate 4s linear infinite;
}
.vk-final .vk-btn--primary::after{
    content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none;
    background:linear-gradient(135deg, rgba(255,255,255,.25) 0%, transparent 50%);
    opacity:.5; mix-blend-mode:overlay;
}
.vk-final__legal{ font-size:12px; color:var(--vk-text-3); margin-top:24px; letter-spacing:.06em; }

/* ============================================================
   FOOTER · Stadium Night
   ============================================================ */
.nw-footer{ background:#06070C; border-top:1px solid var(--vk-line); }

.nw-cta-band{
    position:relative; isolation:isolate;
    padding:52px var(--vk-pad) 56px;
    color:#0A0B10; overflow:hidden;
    background:
        radial-gradient(ellipse at 18% 30%, #FFE08A 0%, transparent 55%),
        radial-gradient(ellipse at 82% 70%, #FFC533 0%, transparent 55%),
        linear-gradient(135deg, #F5B100 0%, #E89E00 50%, #F5B100 100%);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.5),
        inset 0 -1px 0 rgba(0,0,0,.25);
}
/* Top gold-rule decoration */
.nw-cta-band__rule{
    position:absolute; left:0; right:0; top:0; height:3px; z-index:2;
    background:
        linear-gradient(90deg, transparent 0%, #FFFFFF 35%, #FFFFFF 65%, transparent 100%);
    opacity:.55;
}
.nw-cta-band__rule::after{
    content:""; position:absolute; left:0; right:0; top:4px; height:1px;
    background:linear-gradient(90deg, transparent 0%, rgba(0,0,0,.18) 50%, transparent 100%);
}
/* Diagonal pinstripe texture */
.nw-cta-band__tex{
    position:absolute; inset:0; z-index:0; pointer-events:none;
    background-image:repeating-linear-gradient(
        45deg,
        rgba(255,255,255,.06) 0,
        rgba(255,255,255,.06) 1px,
        transparent 1px,
        transparent 14px
    );
    mix-blend-mode:overlay; opacity:.7;
}
/* Slow shimmering sheen */
.nw-cta-band__sheen{
    position:absolute; inset:-20% -40%; z-index:0; pointer-events:none;
    background:linear-gradient(115deg, transparent 35%, rgba(255,255,255,.4) 50%, transparent 65%);
    animation:vk-sheen 9s ease-in-out infinite;
    mix-blend-mode:overlay;
}
@keyframes vk-sheen{
    0%   { transform:translateX(-30%); opacity:0; }
    20%  { opacity:.7; }
    60%  { opacity:.7; }
    100% { transform:translateX(30%);  opacity:0; }
}
@media (prefers-reduced-motion: reduce){ .nw-cta-band__sheen{ animation:none; } }

.nw-cta-band__inner{
    position:relative; z-index:1;
    max-width:var(--vk-max); margin:0 auto;
    display:grid; grid-template-columns:auto 1fr auto; gap:28px; align-items:center;
}
/* VP monogram emblem */
.nw-cta-band__mark{
    width:72px; height:72px; border-radius:20px;
    background:#0A0B10; color:var(--vk-gold);
    display:inline-flex; align-items:center; justify-content:center;
    font-family:var(--vk-font-en); font-weight:800; font-size:34px;
    line-height:1; flex-shrink:0;
    box-shadow:
        0 12px 28px rgba(0,0,0,.35),
        inset 0 1px 0 rgba(255,255,255,.08),
        inset 0 -1px 0 rgba(0,0,0,.5);
    position:relative;
}
.nw-cta-band__mark small{
    font-size:34px; font-weight:800; margin-left:-4px;
    background:var(--vk-grad-gold); -webkit-background-clip:text; background-clip:text; color:transparent;
}
.nw-cta-band__mark::after{
    content:""; position:absolute; inset:-3px; border-radius:23px;
    border:1px solid rgba(0,0,0,.2); pointer-events:none;
}

.nw-cta-band__eyebrow{
    display:inline-flex; align-items:center; gap:8px;
    font-family:var(--vk-font-en); font-size:11px; letter-spacing:.2em;
    text-transform:uppercase; color:#3A2A00; opacity:.85; margin-bottom:10px;
}
.nw-cta-band__eyebrow-dot{
    width:6px; height:6px; border-radius:50%;
    background:#0A0B10;
    box-shadow:0 0 0 3px rgba(10,11,16,.18);
}
.nw-cta-band__title{
    font-size:clamp(22px, 3vw, 32px); color:#0A0B10; margin-bottom:8px; max-width:760px;
    line-height:1.25;
}
.nw-cta-band__title em{
    font-family:var(--vk-font-it); font-style:italic; font-weight:600; color:#0A0B10;
    background:linear-gradient(180deg, transparent 60%, rgba(10,11,16,.18) 60%);
    padding:0 4px;
}
.nw-cta-band__sub{ font-size:14.5px; color:rgba(10,11,16,.82); max-width:760px; }

.nw-cta-band__btn{
    position:relative; overflow:hidden;
    display:inline-flex; align-items:center; gap:12px;
    padding:18px 28px 18px 24px; border-radius:16px;
    background:#0A0B10; color:var(--vk-gold);
    font-weight:600; font-size:15px;
    box-shadow:
        0 14px 30px rgba(0,0,0,.4),
        inset 0 1px 0 rgba(255,255,255,.08);
    transition:transform .25s var(--vk-easing), box-shadow .25s, color .25s;
    isolation:isolate;
}
.nw-cta-band__btn:hover{ transform:translateY(-2px); box-shadow:0 24px 42px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.12); color:#FFD24D; }
.nw-cta-band__btn-glow{
    position:absolute; inset:-2px; border-radius:18px; z-index:-1; pointer-events:none;
    background:conic-gradient(from 0deg, transparent 0deg, var(--vk-gold) 60deg, transparent 120deg, transparent 240deg, var(--vk-gold) 300deg, transparent 360deg);
    opacity:0; transition:opacity .25s; filter:blur(8px);
}
.nw-cta-band__btn:hover .nw-cta-band__btn-glow{ opacity:.55; animation:vk-rotate 4s linear infinite; }
@keyframes vk-rotate{ to{ transform:rotate(360deg); } }
.nw-cta-band__btn-arrow{
    display:inline-block;
    transition:transform .25s var(--vk-easing);
}
.nw-cta-band__btn:hover .nw-cta-band__btn-arrow{ transform:translateX(4px); }

/* "Est. 2024" badge in the brand column */
.nw-foot__est{
    display:inline-flex; align-items:center; gap:8px;
    padding:6px 12px 6px 10px; border-radius:999px;
    background:rgba(245,177,0,.08); border:1px solid rgba(245,177,0,.3);
    font-size:12px; color:var(--vk-text-2); margin-bottom:18px;
}
.nw-foot__est i{ color:var(--vk-gold); font-size:13px; }
.nw-foot__est b{ color:var(--vk-text); font-weight:600; }

/* Trust signals — icon-led, not dot-led */
.nw-foot__trust li{ display:flex; align-items:flex-start; gap:12px; margin-bottom:14px; }
.nw-foot__ticon{
    width:34px; height:34px; border-radius:10px;
    background:var(--vk-gold-soft); color:var(--vk-gold);
    display:inline-flex; align-items:center; justify-content:center;
    flex-shrink:0; font-size:14px;
    border:1px solid rgba(245,177,0,.3);
}
.nw-foot__tbody{ display:flex; flex-direction:column; font-size:13.5px; color:var(--vk-text-2); }
.nw-foot__tbody b{ display:block; color:var(--vk-text); font-size:14px; font-weight:600; margin-bottom:1px; }
.nw-foot__tbody span{ font-size:12px; color:var(--vk-text-3); }

/* Bottom strip — thin gold pinstripe on top */
.nw-foot__bot{ position:relative; }
.nw-foot__bot::before{
    content:""; position:absolute; top:0; left:var(--vk-pad); right:var(--vk-pad); height:1px;
    background:linear-gradient(90deg, transparent 0%, rgba(245,177,0,.4) 50%, transparent 100%);
}

.nw-foot{ padding:64px var(--vk-pad) 36px; }
.nw-foot__grid{
    max-width:var(--vk-max); margin:0 auto;
    display:grid; grid-template-columns:1.6fr 1fr 1fr 1fr 1.2fr; gap:36px;
}
.nw-foot__brand img{ height:48px; margin-bottom:14px; }
.nw-foot__brand p{ font-size:14px; color:var(--vk-text-2); margin-bottom:18px; max-width:340px; }
.nw-foot__social{ display:flex; gap:10px; }
.nw-foot__social a{
    width:38px; height:38px; border-radius:50%;
    background:rgba(255,255,255,.05); border:1px solid var(--vk-line-2);
    color:var(--vk-text-2);
    display:inline-flex; align-items:center; justify-content:center;
    transition:background .2s, color .2s, border-color .2s, transform .2s;
}
.nw-foot__social a:hover{ background:var(--vk-gold-soft); color:var(--vk-gold); border-color:var(--vk-gold); transform:translateY(-2px); }

.nw-foot__col ul{ list-style:none; padding:0; margin:0; }
.nw-foot__col li{ margin-bottom:8px; }
.nw-foot__col a{ font-size:14px; color:var(--vk-text-2); transition:color .2s; }
.nw-foot__col a:hover{ color:var(--vk-gold); }
.nw-foot__h{
    display:inline-flex; align-items:center; gap:10px;
    font-family:var(--vk-font-en); font-size:11px; letter-spacing:.22em; text-transform:uppercase;
    color:var(--vk-text-3); margin:0 0 14px; font-weight:600;
}
.nw-foot__h::before{
    content:""; width:18px; height:1px; background:rgba(245,177,0,.55); display:inline-block;
}

.nw-foot__trust{ list-style:none; padding:0; margin:0; }
.nw-foot__trust li{ display:flex; align-items:flex-start; gap:10px; margin-bottom:10px; font-size:13.5px; color:var(--vk-text-2); }
.nw-foot__trust b{ display:block; color:var(--vk-text); font-size:14px; }
.nw-foot__trust span span{ font-size:12px; color:var(--vk-text-3); }
.nw-foot__tdot{ width:8px; height:8px; border-radius:50%; background:var(--vk-green); margin-top:6px; flex-shrink:0; box-shadow:0 0 0 3px rgba(25,195,125,.18); }

.nw-foot__bot{
    border-top:1px solid var(--vk-line); padding:18px var(--vk-pad);
    display:flex; justify-content:space-between; align-items:center; gap:18px;
    max-width:var(--vk-max); margin:0 auto;
    font-size:12.5px; color:var(--vk-text-3);
}
.nw-foot__bot-mid{ display:flex; align-items:center; gap:10px; }
.nw-foot__bot-sep{ width:4px; height:4px; border-radius:50%; background:var(--vk-mute); }

/* Back-to-top FAB — fixed bottom-right on every page.
   body.vk button { background:transparent; border:0; color:inherit }
   would strip this otherwise, so each visual property is !important. */
.vk-totop{
    position:fixed !important;
    right:20px !important; bottom:20px !important;
    z-index:9000 !important;
    width:48px; height:48px;
    border-radius:50% !important;
    background:var(--vk-grad-gold) !important;
    color:#0A0B10 !important;
    border:0 !important;
    display:inline-flex !important; align-items:center; justify-content:center;
    box-shadow:
        0 12px 28px rgba(245,177,0,.45),
        0 4px 12px rgba(0,0,0,.4),
        inset 0 1px 0 rgba(255,255,255,.45) !important;
    transition:transform .25s var(--vk-easing), opacity .25s, box-shadow .25s !important;
    opacity:0;
    transform:translateY(10px);
    cursor:pointer;
}
.vk-totop svg{ width:20px; height:20px; color:#0A0B10; }
.vk-totop[hidden]{ display:none !important; }
.vk-totop.is-visible{ opacity:1; transform:none; }
.vk-totop:hover,
.vk-totop:focus-visible{
    transform:translateY(-4px) scale(1.04);
    box-shadow:
        0 18px 38px rgba(245,177,0,.6),
        0 8px 18px rgba(0,0,0,.5),
        inset 0 1px 0 rgba(255,255,255,.55) !important;
    outline:0;
}

/* ============================================================
   CALMED MOTION — premium pass
   Disables ornamental animations introduced in earlier iterations.
   The eye should have somewhere to rest. Re-enable any of these by
   removing the override.
   ============================================================ */
.vk-cursor, .vk-cursor--dot{ display:none !important; }
.nw-hero__ball{ display:none !important; }
.nw-hero__panel-scan{ display:none !important; }
.nw-hero__beam,
.nw-hero__beam--l,
.nw-hero__beam--r{ animation:none !important; opacity:.13 !important; }
.nw-hero__stump{ animation:none !important; }
.nw-hero__chip-dot--red{ animation:none !important; }
.nw-hero__orb--gold,
.nw-hero__orb--red{ animation:none !important; }
.vk-providers__track{ animation-duration:96s !important; }
.vk-providers__track--rev{ animation-duration:108s !important; }

/* ============================================================
   COMPRESSED LAYOUT — tighter sizes, smaller fonts, denser cards.
   No section dominates the viewport; everything reads efficient.
   ============================================================ */

/* Section padding — dialed down from 96-120 to 48-64 */
.nw-hero{ padding:56px var(--vk-pad) 64px; }
.vk-providers{ padding:56px 0 48px; }
.vk-bslider{ padding:48px 0; }
.vk-cats{ padding:56px 0; }
.vk-why{ padding:56px 0; }
.vk-voices{ padding:56px 0; }
.vk-fam{ padding:52px 0; }
.vk-blog{ padding:56px 0; }
.vk-faq{ padding:56px 0; }
.vk-final{ padding:56px var(--vk-pad); }

/* Section heads — smaller, less margin */
.vk-sec-head{ margin-bottom:22px; }
.vk-sec-head__title{ font-size:clamp(20px, 2.8vw, 28px); margin:6px 0 8px; }
.vk-sec-head__sub{ font-size:14px; }
.vk-sec-head__eyebrow{ font-size:10.5px; margin-bottom:10px; gap:12px; }
.vk-sec-head__eyebrow::before{ width:20px; }

/* Hero — smaller everything */
.nw-hero__inner{ gap:28px; }
.nw-hero__title{ font-size:clamp(26px, 4.4vw, 42px); margin-bottom:14px; }
.nw-hero__title-line{ display:block; }
.nw-hero__lead{ font-size:14.5px; margin-bottom:18px; }
.nw-hero__cta{ gap:10px; }
.nw-hero__chip{ font-size:11.5px; padding:6px 12px; margin-bottom:16px; }
.nw-hero__chip-dot{ width:7px; height:7px; }
.nw-hero__badges{ margin-top:18px; gap:6px; }
.nw-hero__badges li{ font-size:11px; padding:5px 10px; gap:6px; }
.nw-hero__badges li i{ width:16px; height:16px; font-size:8px; }
.nw-hero__bonus-tag{ font-size:11.5px; padding:5px 12px; margin-bottom:12px; }
.nw-hero__bonus-amount{ font-size:clamp(48px, 9vw, 86px); margin-bottom:6px; }
.nw-hero__bonus-line{ font-size:17px; margin-bottom:14px; }
.nw-hero__match{ padding:14px; margin:14px 0 18px; gap:14px; }
.nw-hero__match-flag{ width:46px; height:46px; font-size:17px; margin-bottom:6px; border-radius:12px; }
.nw-hero__match-name{ font-size:12.5px; }
.nw-hero__match-vs{ font-size:18px; }
.nw-hero__match-time{ font-size:11px; }
.nw-hero__nav{ margin-top:22px; gap:10px; }
.nw-hero__arrow{ width:36px; height:36px; }
.nw-hero__dot{ width:20px; }
.nw-hero__dot.is-active{ width:36px; }
.nw-hero__panel{ padding:18px; border-radius:18px; }
.nw-hero__panel-h{ margin-bottom:12px; }
.nw-hero__panel-ts{ font-size:9px; padding:2px 6px; }
.nw-hero__panel-stats{ gap:8px; }
.nw-hero__panel-stats li{ padding:10px; border-radius:10px; }
.nw-hero__panel-num{ font-size:18px; margin-bottom:2px; }
.nw-hero__panel-lbl{ font-size:11px; }
.nw-hero__panel-cta{ margin-top:12px; padding:11px 14px; font-size:13px; border-radius:11px; }

/* Providers — denser cards */
.vk-providers__head{ margin-bottom:24px; }
.vk-providers__title{ font-size:clamp(22px, 3vw, 30px); margin-bottom:8px; }
.vk-providers__sub{ font-size:13.5px; margin-bottom:12px; max-width:480px; }
.vk-providers__count{ padding:6px 12px 6px 10px; font-size:12px; }
.vk-providers__count b{ font-size:14px; }
.vk-providers__rows{ gap:12px; margin-bottom:0; }
.vk-providers__card{ min-width:240px; max-width:260px; min-height:74px; padding:12px 16px; gap:12px; border-radius:14px; }
.vk-providers__card-mono{ width:38px; height:38px; font-size:16px; border-radius:11px; }
.vk-providers__card-logo{ width:48px; height:48px; padding:6px; border-radius:11px; }
.vk-providers__card-body b{ font-size:13.5px; margin-bottom:1px; }
.vk-providers__card-body span{ font-size:10.5px; }
.vk-providers__card-tick{ width:20px; height:20px; font-size:10px; }

/* Banner — much shorter viewport, smaller copy */
.vk-bslider__viewport{ aspect-ratio:auto; height:auto; min-height:230px; border-radius:18px; }
.vk-bslider__slide{ padding:clamp(20px, 3vw, 32px); }
.vk-bslider__title{ font-size:clamp(20px, 3vw, 28px); margin-bottom:8px; }
.vk-bslider__sub{ font-size:13.5px; margin-bottom:14px; }
.vk-bslider__eyebrow{ font-size:10.5px; padding:5px 12px; margin-bottom:12px; }
.vk-bslider__nav{ width:36px; height:36px; }
.vk-bslider__counter{ top:14px; right:14px; padding:6px 12px; font-size:11.5px; }
.vk-bslider__counter b{ font-size:14px; }
.vk-bslider__thumbs{ gap:8px; margin-top:10px; }
.vk-bslider__thumb{ min-height:60px; border-radius:10px; }
.vk-bslider__thumb-info{ padding:6px 10px 8px; }
.vk-bslider__thumb-num{ font-size:10px; margin-bottom:2px; }
.vk-bslider__thumb-title{ font-size:11px; }

/* Categories — much shorter tiles */
.vk-cats__grid{ gap:14px; }
.vk-cats__card{ min-height:200px; padding:18px; border-radius:18px; }
.vk-cats__tag{ font-size:9.5px; padding:4px 9px; }
.vk-cats__count{ font-size:10.5px; padding:4px 9px; }
.vk-cats__body{ margin-top:16px; }
.vk-cats__icon{ width:42px; height:42px; border-radius:11px; margin-bottom:10px; }
.vk-cats__icon i{ font-size:17px; }
.vk-cats__title{ font-size:17px; margin-bottom:4px; }
.vk-cats__desc{ font-size:12.5px; }
.vk-cats__play{ font-size:11.5px; padding:7px 13px; margin-top:12px; gap:6px; }

/* Why — denser cards */
.vk-why__grid{ gap:14px; }
.vk-why__card{ padding:22px 20px; border-radius:18px; }
.vk-why__icon{ width:50px; height:50px; border-radius:12px; margin-bottom:12px; }
.vk-why__icon svg{ width:22px; height:22px; }
.vk-why__card h3{ font-size:17px; margin-bottom:6px; }
.vk-why__card p{ font-size:13px; }
.vk-why__num{ top:16px; right:18px; font-size:34px; }

/* Voices — smaller cards */
.vk-voices__grid{ gap:14px; margin-top:24px; }
.vk-voices__card{ padding:20px; border-radius:18px; }
.vk-voices__card::before{ font-size:54px; top:6px; right:12px; }
.vk-voices__top{ margin-bottom:10px; gap:10px; }
.vk-voices__avatar{ width:40px; height:40px; font-size:15px; }
.vk-voices__top b{ font-size:13.5px; }
.vk-voices__top span{ font-size:11.5px; }
.vk-voices__text{ font-size:13px; margin-bottom:10px; min-height:auto; }
.vk-voices__stars{ font-size:10.5px; }
.vk-voices__seal{ font-size:10.5px; padding:3px 8px; }

/* Family (community) — shorter cards */
.vk-fam__grid{ gap:12px; }
.vk-fam__card{ padding:22px 18px; border-radius:16px; }
.vk-fam__card i{ font-size:24px; margin-bottom:8px; }
.vk-fam__count{ font-size:24px; margin-bottom:2px; }
.vk-fam__lbl{ font-size:11.5px; margin-bottom:8px; }
.vk-fam__cta{ font-size:11.5px; }

/* Blog — smaller cards */
.vk-blog__grid{ gap:14px; }
.vk-blog__card{ border-radius:18px; }
.vk-blog__body{ padding:18px; }
.vk-blog__title{ font-size:16px; margin-bottom:6px; }
.vk-blog__excerpt{ font-size:13px; margin-bottom:10px; }
.vk-blog__meta{ font-size:11px; margin-bottom:8px; }
.vk-blog__more{ font-size:12.5px; }

/* FAQ — tighter */
.vk-faq__inner{ max-width:720px; }
.vk-faq__list{ gap:8px; }
.vk-faq__item{ border-radius:14px; }
.vk-faq__item summary{ padding:14px 18px; font-size:14px; }
.vk-faq__a{ padding:0 18px 16px; font-size:13.5px; line-height:1.7; }

/* Footer CTA band — more compact */
.nw-cta-band{ padding:32px var(--vk-pad) 36px; }
.nw-cta-band__inner{ gap:22px; }
.nw-cta-band__title{ font-size:clamp(18px, 2.4vw, 26px); margin-bottom:6px; }
.nw-cta-band__sub{ font-size:13.5px; }
.nw-cta-band__eyebrow{ font-size:10.5px; margin-bottom:8px; }
.nw-cta-band__mark{ width:54px; height:54px; font-size:26px; border-radius:15px; }
.nw-cta-band__mark small{ font-size:26px; }
.nw-cta-band__btn{ padding:13px 22px; font-size:14px; border-radius:13px; }

/* Footer main grid — tighter */
.nw-foot{ padding:40px var(--vk-pad) 24px; }
.nw-foot__grid{ gap:26px; }
.nw-foot__brand img{ height:40px; margin-bottom:12px; }
.nw-foot__brand p{ font-size:13px; margin-bottom:12px; }
.nw-foot__est{ font-size:11.5px; padding:5px 10px 5px 8px; margin-bottom:14px; }
.nw-foot__social a{ width:34px; height:34px; }
.nw-foot__col li{ margin-bottom:6px; }
.nw-foot__col a{ font-size:13px; }
.nw-foot__trust li{ margin-bottom:10px; gap:10px; }
.nw-foot__ticon{ width:30px; height:30px; border-radius:9px; font-size:12px; }
.nw-foot__tbody{ font-size:12.5px; }
.nw-foot__tbody b{ font-size:13px; }
.nw-foot__tbody span{ font-size:11px; }
.nw-foot__bot{ padding:14px var(--vk-pad); font-size:11.5px; }

/* Final CTA */
.vk-final__inner{ padding:40px 28px; border-radius:22px; }
.vk-final__title{ font-size:clamp(22px, 3.2vw, 30px); margin-bottom:10px; }
.vk-final__copy p{ font-size:14px; margin-bottom:18px; max-width:520px; }
.vk-final__eyebrow{ font-size:10.5px; margin-bottom:10px; }
.vk-final__legal{ font-size:11px; margin-top:18px; }

/* Buttons — slightly smaller */
.vk-btn{ padding:11px 18px; font-size:13.5px; gap:8px; border-radius:11px; }
.vk-btn--lg{ padding:13px 20px; font-size:14px; }
.vk-btn--xl{ padding:15px 24px; font-size:14.5px; }

/* Stadium Night header — slightly tighter bar */
.nw-bar__inner{ padding:12px var(--vk-pad); }
.nw-brand img{ height:38px; }
.nw-icon-btn{ width:38px; height:38px; }
.nw-cta{ padding:6px 12px 6px 6px; }
.nw-cta__icon{ width:30px; height:30px; }
.nw-cta__txt small{ font-size:9px; }
.nw-cta__txt b{ font-size:12.5px; }
.nw-nav__link{ padding:9px 12px; font-size:14px; }

/* ============================================================
   ULTRA COMPRESS — second pass. Body floor 12px, section padding
   32-44px, card min-heights and paddings dropped another notch.
   Everything below applies after COMPRESSED LAYOUT.
   ============================================================ */

/* Section padding */
.nw-hero{ padding:40px var(--vk-pad) 48px; }
.vk-providers{ padding:44px 0 32px; }
.vk-bslider{ padding:32px 0; }
.vk-cats{ padding:44px 0; }
.vk-why{ padding:44px 0; }
.vk-voices{ padding:44px 0; }
.vk-fam{ padding:40px 0; }
.vk-blog{ padding:44px 0; }
.vk-faq{ padding:44px 0; }
.vk-final{ padding:44px var(--vk-pad); }
.vk-tabs{ padding:44px 0; }

/* Section heads — smallest sustainable */
.vk-sec-head{ margin-bottom:18px; }
.vk-sec-head__title{ font-size:clamp(18px, 2.4vw, 24px); margin:6px 0 6px; }
.vk-sec-head__sub{ font-size:13px; max-width:520px; margin:0 auto; }
.vk-sec-head__eyebrow{ font-size:10px; gap:10px; margin-bottom:6px; }
.vk-sec-head__eyebrow::before,
.vk-sec-head__eyebrow::after{ width:18px; }

/* Hero */
.nw-hero__inner{ gap:22px; }
.nw-hero__title{ font-size:clamp(22px, 3.6vw, 34px); margin-bottom:12px; }
.nw-hero__lead{ font-size:13.5px; margin-bottom:14px; }
.nw-hero__chip{ font-size:11px; padding:5px 10px; margin-bottom:12px; gap:8px; }
.nw-hero__chip-dot{ width:6px; height:6px; }
.nw-hero__badges{ margin-top:14px; gap:5px; }
.nw-hero__badges li{ font-size:10.5px; padding:4px 9px; gap:5px; }
.nw-hero__badges li i{ width:14px; height:14px; font-size:7.5px; }
.nw-hero__bonus-tag{ font-size:10.5px; padding:4px 10px; margin-bottom:10px; }
.nw-hero__bonus-amount{ font-size:clamp(40px, 7vw, 68px); margin-bottom:4px; }
.nw-hero__bonus-line{ font-size:15px; margin-bottom:10px; }
.nw-hero__match{ padding:10px; margin:10px 0 14px; gap:10px; }
.nw-hero__match-flag{ width:40px; height:40px; font-size:15px; margin-bottom:4px; border-radius:10px; }
.nw-hero__match-name{ font-size:11.5px; }
.nw-hero__match-vs{ font-size:16px; }
.nw-hero__match-time{ font-size:10.5px; }
.nw-hero__nav{ margin-top:16px; gap:8px; }
.nw-hero__arrow{ width:30px; height:30px; }
.nw-hero__dot{ width:18px; height:4px; }
.nw-hero__dot.is-active{ width:30px; }
.nw-hero__panel{ padding:14px; border-radius:14px; }
.nw-hero__panel-h{ margin-bottom:10px; }
.nw-hero__panel-live{ font-size:11px; }
.nw-hero__panel-ts{ font-size:8.5px; padding:2px 5px; }
.nw-hero__panel-stats{ gap:6px; }
.nw-hero__panel-stats li{ padding:8px; border-radius:9px; }
.nw-hero__panel-num{ font-size:15px; }
.nw-hero__panel-lbl{ font-size:10px; }
.nw-hero__panel-cta{ margin-top:10px; padding:9px 12px; font-size:12px; border-radius:9px; }

/* Providers — sub-text centered, tighter cards */
.vk-providers__head{ margin-bottom:20px; }
.vk-providers__title{ font-size:clamp(18px, 2.4vw, 24px); margin-bottom:6px; }
.vk-providers__sub{
    font-size:13px;
    max-width:460px;
    margin:0 auto 10px;        /* ← centered explicitly */
    text-align:center;
}
.vk-providers__count{ padding:5px 11px 5px 9px; font-size:11.5px; }
.vk-providers__count b{ font-size:13px; }
.vk-providers__rows{ gap:10px; }
.vk-providers__card{ min-width:220px; max-width:240px; min-height:60px; padding:10px 14px; gap:10px; border-radius:12px; }
.vk-providers__card-mono{ width:34px; height:34px; font-size:14px; border-radius:9px; }
.vk-providers__card-logo{ width:42px; height:42px; padding:5px; border-radius:10px; }
.vk-providers__card-body b{ font-size:12.5px; }
.vk-providers__card-body span{ font-size:10px; }
.vk-providers__card-tick{ width:18px; height:18px; font-size:9px; }

/* Banner — shorter */
.vk-bslider__viewport{ min-height:180px; border-radius:14px; }
.vk-bslider__slide{ padding:clamp(14px, 2.4vw, 24px); }
.vk-bslider__title{ font-size:clamp(17px, 2.4vw, 22px); margin-bottom:6px; }
.vk-bslider__sub{ font-size:12.5px; margin-bottom:10px; }
.vk-bslider__eyebrow{ font-size:10px; padding:4px 10px; margin-bottom:8px; }
.vk-bslider__nav{ width:32px; height:32px; }
.vk-bslider__counter{ top:10px; right:10px; padding:5px 10px; font-size:11px; }
.vk-bslider__counter b{ font-size:13px; }
.vk-bslider__thumbs{ gap:6px; margin-top:8px; }
.vk-bslider__thumb{ min-height:54px; border-radius:8px; }
.vk-bslider__thumb-info{ padding:5px 8px 7px; }
.vk-bslider__thumb-num{ font-size:9.5px; margin-bottom:1px; }
.vk-bslider__thumb-title{ font-size:10.5px; }

/* Categories — denser */
.vk-cats__grid{ gap:12px; }
.vk-cats__card{ min-height:170px; padding:14px; border-radius:14px; }
.vk-cats__tag{ font-size:9px; padding:3px 8px; }
.vk-cats__count{ font-size:9.5px; padding:3px 8px; }
.vk-cats__body{ margin-top:12px; }
.vk-cats__icon{ width:36px; height:36px; border-radius:10px; margin-bottom:8px; }
.vk-cats__icon i{ font-size:15px; }
.vk-cats__title{ font-size:15px; margin-bottom:3px; }
.vk-cats__desc{ font-size:12px; }
.vk-cats__play{ font-size:10.5px; padding:6px 11px; margin-top:10px; gap:5px; }

/* Why */
.vk-why__grid{ gap:12px; }
.vk-why__card{ padding:18px 16px; border-radius:14px; }
.vk-why__icon{ width:42px; height:42px; border-radius:11px; margin-bottom:10px; }
.vk-why__icon svg{ width:18px; height:18px; }
.vk-why__card h3{ font-size:15px; margin-bottom:4px; }
.vk-why__card p{ font-size:12.5px; }
.vk-why__num{ top:14px; right:16px; font-size:28px; }

/* Voices */
.vk-voices__grid{ gap:12px; margin-top:18px; }
.vk-voices__card{ padding:16px; border-radius:14px; }
.vk-voices__card::before{ font-size:44px; top:4px; right:10px; }
.vk-voices__top{ margin-bottom:8px; gap:8px; }
.vk-voices__avatar{ width:36px; height:36px; font-size:13px; }
.vk-voices__top b{ font-size:13px; }
.vk-voices__top span{ font-size:11px; }
.vk-voices__text{ font-size:12.5px; margin-bottom:8px; }
.vk-voices__stars{ font-size:10px; }
.vk-voices__seal{ font-size:10px; padding:2px 7px; }

/* Family — phones: tight 5-up icon strip. Count + CTA hidden to keep the
   social row to a thin band of icon + tiny label. */
.vk-fam{ padding:28px 0; }
.vk-fam__grid{
    grid-template-columns:repeat(5, minmax(0, 1fr));
    gap:6px;
}
.vk-fam__card{ padding:10px 4px; border-radius:10px; }
.vk-fam__card i{ font-size:18px; margin-bottom:4px; }
.vk-fam__count{ display:none; }
.vk-fam__lbl{ font-size:9.5px; line-height:1.15; margin-bottom:0; }
.vk-fam__cta{ display:none; }

/* Blog */
.vk-blog__grid{ gap:12px; }
.vk-blog__card{ border-radius:14px; }
.vk-blog__body{ padding:14px; }
.vk-blog__title{ font-size:14.5px; margin-bottom:4px; }
.vk-blog__excerpt{ font-size:12.5px; margin-bottom:8px; }
.vk-blog__meta{ font-size:10.5px; margin-bottom:6px; }
.vk-blog__more{ font-size:12px; }

/* FAQ */
.vk-faq__inner{ max-width:680px; }
.vk-faq__list{ gap:6px; }
.vk-faq__item{ border-radius:11px; }
.vk-faq__item summary{ padding:13px 15px; font-size:13px; min-height:44px; }
.vk-faq__a{ padding:0 15px 13px; font-size:12.5px; line-height:1.65; }

/* Footer CTA band */
.nw-cta-band{ padding:24px var(--vk-pad) 28px; }
.nw-cta-band__inner{ gap:18px; }
.nw-cta-band__title{ font-size:clamp(16px, 2vw, 22px); margin-bottom:4px; }
.nw-cta-band__sub{ font-size:12.5px; }
.nw-cta-band__eyebrow{ font-size:10px; margin-bottom:6px; }
.nw-cta-band__mark{ width:44px; height:44px; font-size:20px; border-radius:12px; }
.nw-cta-band__mark small{ font-size:20px; }
.nw-cta-band__btn{ padding:10px 18px; font-size:12.5px; border-radius:10px; }

/* Footer main */
.nw-foot{ padding:28px var(--vk-pad) 18px; }
.nw-foot__grid{ gap:22px; }
.nw-foot__brand img{ height:36px; margin-bottom:10px; }
.nw-foot__brand p{ font-size:12.5px; margin-bottom:10px; }
.nw-foot__est{ font-size:11px; padding:4px 9px 4px 7px; margin-bottom:12px; }
.nw-foot__social a{ width:30px; height:30px; }
.nw-foot__h{ font-size:10px; margin:0 0 10px; }
.nw-foot__col li{ margin-bottom:5px; }
.nw-foot__col a{ font-size:12.5px; }
.nw-foot__trust li{ margin-bottom:8px; gap:8px; }
.nw-foot__ticon{ width:26px; height:26px; border-radius:8px; font-size:11px; }
.nw-foot__tbody{ font-size:12px; }
.nw-foot__tbody b{ font-size:12.5px; }
.nw-foot__tbody span{ font-size:10.5px; }
.nw-foot__bot{ padding:11px var(--vk-pad); font-size:11px; }

/* Final CTA */
.vk-final__inner{ padding:32px 22px; border-radius:18px; }
.vk-final__title{ font-size:clamp(18px, 2.6vw, 26px); margin-bottom:8px; }
.vk-final__copy p{ font-size:13px; margin-bottom:14px; max-width:480px; }
.vk-final__eyebrow{ font-size:10px; margin-bottom:8px; }
.vk-final__legal{ font-size:10.5px; margin-top:14px; }

/* Buttons */
.vk-btn{ padding:9px 14px; font-size:12.5px; gap:7px; border-radius:9px; }
.vk-btn--lg{ padding:11px 17px; font-size:13px; }
.vk-btn--xl{ padding:13px 20px; font-size:13.5px; }
.vk-btn svg{ width:14px; height:14px; }

/* Header */
.nw-bar__inner{ padding:10px var(--vk-pad); gap:18px; }
.nw-brand img{ height:34px; }
.nw-icon-btn{ width:34px; height:34px; }
.nw-burger{ width:34px; height:34px; }
.nw-cta{ padding:5px 10px 5px 5px; gap:8px; }
.nw-cta__icon{ width:26px; height:26px; }
.nw-cta__txt small{ font-size:8.5px; }
.nw-cta__txt b{ font-size:11.5px; }
.nw-nav__link{ padding:7px 11px; font-size:13.5px; }
.nw-header.is-scrolled .nw-brand img{ height:30px; }
.nw-header.is-scrolled .nw-bar__inner{ padding-top:6px; padding-bottom:6px; }

/* Tabs — pill bar centered, wrap on narrow viewports */
.vk-tabs__bar{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    width:fit-content;
    max-width:100%;
    margin:0 auto 20px;
    padding:4px;
}
.vk-tabs__btn{ padding:8px 16px; font-size:13px; }
.vk-tabs__more{ text-align:center; margin-top:18px; }
.vk-tabs__agent-pic{ width:64px; height:64px; margin:0 auto 8px; }
.vk-tabs__agent-name{ font-size:13.5px; }
.vk-tabs__agent-badge{ font-size:10px; padding:2px 7px; }
.vk-tabs__help-card, .vk-tabs__dl-card{ padding:18px; border-radius:14px; }
.vk-tabs__help-icon, .vk-tabs__dl-icon{ width:40px; height:40px; border-radius:10px; margin-bottom:10px; }
.vk-tabs__help-icon i, .vk-tabs__dl-icon i{ font-size:17px; }
.vk-tabs__help-card b{ font-size:14.5px; }
.vk-tabs__help-card span{ font-size:12px; }
.vk-tabs__dl-card b{ font-size:13.5px; }
.vk-tabs__dl-card span{ font-size:12px; }

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width:1100px){
    .nw-foot__grid{ grid-template-columns:1.4fr 1fr 1fr; }
    .nw-foot__col--trust{ grid-column:1 / -1; }
}
@media (max-width:1024px){
    .nw-nav{ display:none; }
    .nw-burger{ display:inline-flex; }
    .nw-cta__txt{ display:none; }
    .nw-cta{ padding:6px; }
    .nw-hero__inner{ grid-template-columns:1fr; gap:32px; }
    .nw-hero__panel{ max-width:480px; }
    .nw-hero{ padding:60px var(--vk-pad) 80px; }
}
@media (max-width:768px){
    .vk-ticker__inner{ grid-template-columns:1fr; gap:8px; }
    .vk-ticker__date, .vk-ticker__wa{ justify-self:start; }
    .vk-ticker__wa{ justify-self:end; }
    .vk-ticker__rail{ grid-column:1 / -1; }
    .nw-hero{ padding:64px var(--vk-pad) 84px; }
    .nw-hero__title{ font-size:36px; }
    .nw-hero__bonus-amount{ font-size:84px; }
    .nw-hero__stumps{ display:none; }
    .nw-hero__ball{ display:none; }
    .nw-hero__flood{ opacity:.35; }
    .nw-hero__beam{ opacity:.08; }
    .nw-hero__badges{ gap:6px; }
    .nw-hero__badges li{ font-size:11.5px; padding:6px 10px; }
    .nw-cta-band{ padding:40px var(--vk-pad) 44px; }
    .nw-cta-band__inner{ grid-template-columns:1fr; gap:20px; text-align:left; }
    .nw-cta-band__mark{ width:60px; height:60px; font-size:28px; }
    .nw-cta-band__mark small{ font-size:28px; }
    .nw-cta-band__btn{ width:100%; justify-content:center; padding:16px 22px; }
    .nw-foot__grid{ grid-template-columns:1fr 1fr; gap:28px; }
    .nw-foot__brand{ grid-column:1 / -1; }
    .nw-foot__col--trust{ grid-column:1 / -1; }
    .nw-foot__bot{ flex-direction:column; text-align:center; }
    .vk-sec-head--row{ flex-direction:column; align-items:flex-start; }
    .vk-final__inner{ padding:44px 24px; }
}
@media (max-width:480px){
    .nw-brand img{ height:36px; }
    .nw-bar__inner{ padding:8px var(--vk-pad); gap:10px; }
    /* WCAG-friendly touch targets — 44x44 minimum on phones */
    .nw-icon-btn{ width:44px; height:44px; }
    .nw-burger{ width:44px; height:44px; }

    /* WhatsApp icon button — clean single-bubble WhatsApp green design
       with a small live-pulse dot in the corner. Replaces the previous
       gold ring + nested dark-circle look. */
    .nw-cta--icon{
        position:relative;
        width:44px; height:44px; min-width:44px;
        padding:0;
        justify-content:center; align-items:center;
        border-radius:50%;
        background:linear-gradient(135deg, #25D366 0%, #128C7E 100%) !important;
        box-shadow:
            0 8px 22px rgba(37,211,102,.45),
            inset 0 1px 0 rgba(255,255,255,.35),
            inset 0 -1px 0 rgba(0,0,0,.18) !important;
        border:0 !important;
        transition:transform .2s var(--vk-easing-2), box-shadow .2s !important;
    }
    .nw-cta--icon:hover,
    .nw-cta--icon:focus-visible{
        transform:translateY(-1px) scale(1.04);
        box-shadow:
            0 12px 28px rgba(37,211,102,.6),
            inset 0 1px 0 rgba(255,255,255,.45),
            inset 0 -1px 0 rgba(0,0,0,.22) !important;
        outline:0;
    }
    /* Drop the nested dark circle — let the icon sit directly on green */
    .nw-cta--icon .nw-cta__icon{
        width:auto; height:auto;
        background:transparent !important;
        box-shadow:none !important;
        color:#fff !important;
        display:inline-flex; align-items:center; justify-content:center;
    }
    .nw-cta--icon .nw-cta__icon svg{
        width:22px; height:22px;
        color:#fff;
        overflow:visible;
        filter:drop-shadow(0 1px 0 rgba(0,0,0,.15));
    }
    .nw-cta--icon .nw-cta__icon i{
        font-size:22px;
        line-height:1;
        color:#fff;
        filter:drop-shadow(0 1px 0 rgba(0,0,0,.15));
    }
    /* Live pulse dot — top-right corner, 8px ring */
    .nw-cta--icon::after{
        content:""; position:absolute;
        top:2px; right:2px;
        width:9px; height:9px;
        border-radius:50%;
        background:#fff;
        box-shadow:
            0 0 0 2px #1AAB5E,
            0 0 0 4px rgba(37,211,102,.35);
        animation:vk-wa-pulse 1.8s ease-in-out infinite;
    }
    @keyframes vk-wa-pulse{
        0%,100%{ box-shadow:0 0 0 2px #1AAB5E, 0 0 0 4px rgba(37,211,102,.35); }
        50%   { box-shadow:0 0 0 2px #1AAB5E, 0 0 0 7px rgba(37,211,102,.08); }
    }
    @media (prefers-reduced-motion: reduce){
        .nw-cta--icon::after{ animation:none; }
    }
    /* Footer link tap targets — make each link a comfortable row on phones */
    .nw-foot__col li{ margin-bottom:2px !important; }
    .nw-foot__col a{
        display:inline-block;
        padding:8px 0 !important;
        line-height:1.2;
        min-height:34px;
    }
    /* "Read more" link in blog cards needs a real tap area */
    .vk-blog__more{
        display:inline-flex !important;
        align-items:center;
        padding:8px 4px !important;
        min-height:36px;
    }
    /* Game categories — center every card's content on phones */
    .vk-cats__card{
        align-items:center;
        text-align:center;
    }
    .vk-cats__head{
        width:100%;
        justify-content:space-between;
    }
    .vk-cats__body{
        display:flex; flex-direction:column;
        align-items:center;
        width:100%;
    }
    .vk-cats__icon{ margin-left:auto; margin-right:auto; }
    .vk-cats__title,
    .vk-cats__desc{ text-align:center; max-width:100%; }
    .vk-cats__play{ align-self:center; }
    .nw-hero{ padding:48px var(--vk-pad) 64px; }
    .nw-hero__title{ font-size:30px; }
    .nw-hero__lead{ font-size:15px; }
    .nw-hero__panel-stats{ grid-template-columns:1fr 1fr; }
    .nw-hero__match{ grid-template-columns:1fr; gap:12px; }
    .nw-hero__badges li{ font-size:11px; padding:5px 9px; }
    .nw-cta-band__mark{ display:none; }
    .nw-cta-band__title{ font-size:22px; }
    .vk-voices__card{ flex-basis:300px; }
    .nw-foot__grid{ grid-template-columns:1fr; gap:24px; }
    .vk-final__actions .vk-btn{ width:100%; justify-content:center; }
    .vk-totop{ right:14px; bottom:14px; width:44px; height:44px; }
}

/* ============================================================
   CENTERED SUBS + PREMIUM REBUILDS (final layer)
   Last in the cascade — wins over earlier definitions.
   ============================================================ */

/* Banner: center the copy block within each slide */
.vk-bslider__slide{ justify-content:center; }
.vk-bslider__copy{ margin:0 auto; text-align:center; max-width:620px; }
.vk-bslider__copy > *{ transform:translateY(12px); }
.vk-bslider__slide.is-active .vk-bslider__copy > *{ transform:none; }

/* ============================================================
   FINAL CTA · v3 editorial closer (no card, full-bleed)
   ============================================================ */
.vk-final{
    position:relative; overflow:hidden;
    padding:80px var(--vk-pad);
    background:
        radial-gradient(ellipse 50% 60% at 50% 50%, rgba(245,177,0,.09) 0%, transparent 70%),
        var(--vk-bg);
    text-align:center;
}
.vk-final::before,
.vk-final::after{
    content:""; position:absolute; left:50%; transform:translateX(-50%);
    width:min(64%, 540px); height:1px;
    background:linear-gradient(90deg, transparent, rgba(245,177,0,.4), transparent);
}
.vk-final::before{ top:0; }
.vk-final::after { bottom:0; }

.vk-final__inner{
    max-width:680px; margin:0 auto;
    padding:0;
    background:none; border:none; box-shadow:none; border-radius:0;
    text-align:center;
}
/* Suppress every leftover decoration from earlier designs */
.vk-final__inner::before,
.vk-final__inner::after,
.vk-final__corner,
.vk-final__mark,
.vk-final__sub,
.vk-final__stats,
.vk-final__actions{ display:none !important; }

.vk-final__eyebrow{
    display:inline-flex; align-items:center; gap:10px;
    font-family:var(--vk-font-en); font-size:10.5px; letter-spacing:.24em;
    text-transform:uppercase; color:var(--vk-text-3); font-weight:600;
    margin-bottom:22px;
    padding:0; background:none; border:0;
}
.vk-final__eyebrow::before,
.vk-final__eyebrow::after{ display:none; }
.vk-final__eyebrow-dot{
    width:6px; height:6px; border-radius:50%;
    background:var(--vk-gold);
    box-shadow:0 0 0 3px rgba(245,177,0,.22);
}

/* Enforced center alignment for every Final-section element */
.vk-final__inner,
.vk-final__eyebrow,
.vk-final__title,
.vk-final__body,
.vk-final__alt,
.vk-final__legal{
    text-align:center !important;
}
.vk-final__title,
.vk-final__body{
    margin-left:auto !important;
    margin-right:auto !important;
}

.vk-final__title{
    font-family:var(--vk-font-en);
    font-size:clamp(28px, 5vw, 46px);
    font-weight:300;
    line-height:1.12;
    letter-spacing:-.025em;
    margin:0 0 18px;
    color:var(--vk-text);
    max-width:680px;
    text-wrap:balance;
}
.vk-final__title em{
    font-family:var(--vk-font-it);
    font-style:italic; font-weight:500;
    color:var(--vk-gold);
    letter-spacing:.005em;
    padding:0; background:none;
}

.vk-final__body{
    display:block;
    font-size:14.5px; color:var(--vk-text-2);
    line-height:1.85;
    max-width:560px; margin:0 auto 30px;
    text-wrap:balance;
}
.vk-final__body b{
    color:var(--vk-text); font-weight:700;
    font-family:var(--vk-font-en);
    font-variant-numeric:tabular-nums;
    letter-spacing:.005em;
    white-space:nowrap;
}

.vk-final__cta{
    display:inline-flex; align-items:center; gap:12px;
    padding:14px 26px; border-radius:13px;
    background:var(--vk-grad-gold); color:#000;
    font-family:var(--vk-font-en); font-weight:700; font-size:14.5px;
    box-shadow:
        0 18px 36px rgba(245,177,0,.32),
        inset 0 1px 0 rgba(255,255,255,.4);
    transition:transform .25s var(--vk-easing), box-shadow .25s;
}
.vk-final__cta:hover{
    transform:translateY(-2px);
    box-shadow:
        0 26px 44px rgba(245,177,0,.42),
        inset 0 1px 0 rgba(255,255,255,.5);
}
.vk-final__cta > i:first-of-type{ font-size:17px; }
.vk-final__cta > i:last-of-type{ font-size:13px; transition:transform .25s var(--vk-easing); }
.vk-final__cta:hover > i:last-of-type{ transform:translateX(4px); }

.vk-final__alt{
    display:inline-block; margin-top:14px;
    font-size:13.5px; color:var(--vk-text-2);
    transition:color .2s;
    letter-spacing:.01em;
}
.vk-final__alt:hover{ color:var(--vk-gold); }

.vk-final__divider{
    display:block; width:60px; height:1px;
    background:rgba(245,177,0,.32);
    margin:36px auto 16px;
}

.vk-final__legal{
    font-size:10.5px; color:var(--vk-text-3);
    letter-spacing:.08em;
    padding:0; border:0; margin:0;
}

@media (max-width:560px){
    .vk-final{ padding:60px var(--vk-pad); }
    .vk-final__title{ font-size:clamp(24px, 8vw, 34px); }
    .vk-final__body{ font-size:13.5px; line-height:1.75; }
    .vk-final__cta{ width:100%; justify-content:center; padding:13px 22px; }
}

/* ============================================================
   CTA BAND · restrained dark transition strip (WhatsApp accent)
   ============================================================ */
.nw-cta-band{
    position:relative;
    padding:26px var(--vk-pad);
    background:
        radial-gradient(ellipse at center, rgba(245,177,0,.05) 0%, transparent 70%),
        linear-gradient(180deg, #0E1019 0%, #08090E 100%);
    color:var(--vk-text);
    border-top:1px solid rgba(245,177,0,.18);
    overflow:hidden;
}
.nw-cta-band::before{
    content:""; position:absolute; left:0; right:0; top:0; height:1px;
    background:linear-gradient(90deg, transparent 0%, rgba(245,177,0,.5) 50%, transparent 100%);
}
.nw-cta-band__inner{
    max-width:var(--vk-max); margin:0 auto;
    display:grid; grid-template-columns:auto 1fr auto;
    gap:22px; align-items:center;
}
.nw-cta-band__icon{
    width:48px; height:48px; border-radius:14px;
    background:linear-gradient(135deg, #25D366 0%, #128C7E 100%);
    color:#fff;
    display:inline-flex; align-items:center; justify-content:center;
    box-shadow:
        0 12px 24px rgba(37,211,102,.32),
        inset 0 1px 0 rgba(255,255,255,.22);
    flex-shrink:0;
}
.nw-cta-band__icon i{ font-size:22px; }

.nw-cta-band__text{ min-width:0; }
.nw-cta-band__eyebrow{
    display:inline-flex; align-items:center; gap:8px;
    font-family:var(--vk-font-en); font-size:10.5px; letter-spacing:.18em;
    text-transform:uppercase; color:var(--vk-text-3); font-weight:600;
    margin-bottom:4px;
    /* override the old gold-pill background */
    padding:0; background:none; border:0;
}
.nw-cta-band__eyebrow::before{
    content:""; width:8px; height:8px; border-radius:50%;
    background:#25D366;
    box-shadow:0 0 0 3px rgba(37,211,102,.22);
    animation:vk-pulse 1.6s ease-in-out infinite;
}
.nw-cta-band__title{
    font-size:clamp(15px, 1.9vw, 20px);
    color:var(--vk-text);
    margin:0;
    line-height:1.3;
}
.nw-cta-band__title em{
    font-family:var(--vk-font-it); font-style:italic; font-weight:500;
    color:var(--vk-gold);
    background:none; padding:0;
}

.nw-cta-band__btn{
    display:inline-flex; align-items:center; gap:10px;
    padding:11px 20px; border-radius:11px;
    background:linear-gradient(135deg, #25D366 0%, #1A9D52 100%);
    color:#fff;
    font-family:var(--vk-font-en); font-weight:700; font-size:13.5px;
    box-shadow:
        0 12px 26px rgba(37,211,102,.32),
        inset 0 1px 0 rgba(255,255,255,.18);
    transition:transform .2s var(--vk-easing), box-shadow .25s;
    white-space:nowrap;
    /* override earlier dark-button styling */
    overflow:visible;
}
.nw-cta-band__btn:hover{
    transform:translateY(-2px);
    box-shadow:
        0 18px 36px rgba(37,211,102,.42),
        inset 0 1px 0 rgba(255,255,255,.24);
    color:#fff;
}
.nw-cta-band__btn i{ font-size:12px; transition:transform .25s var(--vk-easing); }
.nw-cta-band__btn:hover i{ transform:translateX(4px); }

@media (max-width:760px){
    .nw-cta-band__inner{
        grid-template-columns:auto 1fr;
        grid-template-areas:
            "icon text"
            "btn  btn";
        gap:14px;
    }
    .nw-cta-band__icon{ grid-area:icon; width:42px; height:42px; }
    .nw-cta-band__icon i{ font-size:18px; }
    .nw-cta-band__text { grid-area:text; }
    .nw-cta-band__btn  { grid-area:btn; justify-content:center; width:100%; }
}
/* Center the CTA band title on every mobile + tablet width. Placed late in the
   cascade and scoped with .nw-cta-band so it survives any earlier text-align
   rule on the inner grid. */
@media (max-width:991px){
    .nw-cta-band .nw-cta-band__title,
    .nw-cta-band__title{
        text-align:center !important;
        margin-left:auto;
        margin-right:auto;
    }
}
@media (max-width:480px){
    .nw-cta-band{ padding:22px var(--vk-pad); }
    .nw-cta-band__title{ font-size:15px; }
}

/* ============================================================
   VOICES SLIDER · auto-advancing testimonials (v2)
   Last in cascade — wins over all earlier .vk-voices rules.
   ============================================================ */
.vk-voices{ overflow:hidden; }

.vk-voices__slider{
    position:relative;
    margin-top:24px;
}

/* Rail — scroll-snap, hidden scrollbar, edge mask */
.vk-voices__rail{
    display:flex; gap:16px;
    overflow-x:auto; overflow-y:visible;
    scroll-snap-type:x mandatory;
    scroll-behavior:smooth;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    padding:6px 6px 14px;
    mask-image:linear-gradient(90deg, transparent 0%, #000 4%, #000 96%, transparent 100%);
    -webkit-mask-image:linear-gradient(90deg, transparent 0%, #000 4%, #000 96%, transparent 100%);
}
.vk-voices__rail::-webkit-scrollbar{ display:none; }

/* Card */
.vk-voices__card{
    position:relative; isolation:isolate;
    flex:0 0 calc((100% - 32px) / 3);
    min-width:280px; max-width:380px;
    scroll-snap-align:start;
    padding:24px 22px 18px;
    background:
        linear-gradient(160deg, rgba(245,177,0,.05) 0%, transparent 40%),
        var(--vk-grad-card);
    border:1px solid var(--vk-line-2);
    border-radius:16px;
    transition:transform .35s var(--vk-easing), border-color .3s, box-shadow .3s;
    overflow:hidden;
}
.vk-voices__card:hover{
    transform:translateY(-3px);
    border-color:rgba(245,177,0,.4);
    box-shadow:
        0 18px 36px rgba(0,0,0,.42),
        0 0 0 1px rgba(245,177,0,.18);
}
/* Suppress the older ::before quote watermark from previous design */
.vk-voices__card::before{ display:none; }

/* Big italic quote watermark */
.vk-voices__qmark{
    position:absolute; top:6px; right:18px;
    font-family:var(--vk-font-it); font-style:italic; font-weight:600;
    font-size:84px; line-height:1; color:rgba(245,177,0,.18);
    pointer-events:none; z-index:0;
}

/* Quote body */
.vk-voices__text{
    position:relative; z-index:1;
    font-size:13.5px; color:var(--vk-text-2);
    line-height:1.72; margin:0 0 14px;
    font-style:italic;
    min-height:auto;
}

/* Star rating — gold with subtle glow */
.vk-voices__stars{
    display:inline-flex; gap:2px;
    font-size:11px; color:var(--vk-gold);
    margin-bottom:16px;
    filter:drop-shadow(0 0 4px rgba(245,177,0,.3));
}

/* Person row */
.vk-voices__person{
    display:flex; align-items:center; gap:10px;
    padding-top:14px;
    border-top:1px dashed rgba(255,255,255,.07);
    margin:0;
}
.vk-voices__avatar{
    width:38px; height:38px; border-radius:50%;
    background:var(--vk-grad-gold); color:#000;
    display:inline-flex; align-items:center; justify-content:center;
    font-family:var(--vk-font-en); font-weight:700; font-size:14px;
    flex-shrink:0;
    overflow:hidden;
    box-shadow:0 0 0 2px var(--vk-gold), 0 4px 10px rgba(245,177,0,.22);
}
.vk-voices__avatar--img{ background:var(--vk-bg-3); }
.vk-voices__avatar--img img{ width:100%; height:100%; object-fit:cover; display:block; }
.vk-voices__person-info{
    display:flex; flex-direction:column; flex:1; min-width:0;
    text-align:left;
}
.vk-voices__person-info b{
    font-size:12.5px; color:var(--vk-text); font-weight:600;
    white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.vk-voices__person-info span{ font-size:11px; color:var(--vk-text-3); }
.vk-voices__seal{
    width:24px; height:24px; border-radius:50%;
    background:rgba(25,195,125,.12); color:var(--vk-green);
    display:inline-flex; align-items:center; justify-content:center;
    font-size:11px; flex-shrink:0;
    padding:0; border:0;
}

/* Nav arrows — over the rail edges, outside the mask */
.vk-voices__nav{
    position:absolute; top:50%; transform:translateY(-50%);
    width:42px; height:42px; border-radius:50%;
    background:rgba(10,11,16,.88);
    backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);
    border:1px solid rgba(245,177,0,.3);
    color:var(--vk-gold);
    display:inline-flex; align-items:center; justify-content:center;
    z-index:5; cursor:pointer;
    box-shadow:0 8px 22px rgba(0,0,0,.5);
    transition:background .25s, color .25s, border-color .25s, transform .25s;
}
.vk-voices__nav:hover{
    background:var(--vk-gold); color:#000; border-color:var(--vk-gold);
    transform:translateY(-50%) scale(1.06);
}
.vk-voices__nav--prev{ left:-12px; }
.vk-voices__nav--next{ right:-12px; }

@media (max-width:980px){
    .vk-voices__card{ flex:0 0 calc((100% - 16px) / 2); }
    .vk-voices__nav--prev{ left:6px; }
    .vk-voices__nav--next{ right:6px; }
}
@media (max-width:640px){
    /* Center the active (snapped) testimonial card with a peek of the next /
       previous card on each side. The rail uses symmetric percentage padding
       so the first and last cards can also snap to centre. */
    .vk-voices__card{
        flex:0 0 84%;
        min-width:auto;
        scroll-snap-align:center;
    }
    .vk-voices__rail{
        gap:12px;
        padding:6px 8% 14px;
        scroll-padding-inline:8%;
        justify-content:flex-start;
    }
    .vk-voices__nav{ width:36px; height:36px; }
}

/* ============================================================
   BLOG · magazine layout (v2 — featured + stack)
   Last in cascade. Overrides earlier flat 3-up rules.
   ============================================================ */
.vk-blog{ overflow:hidden; }
.vk-blog__grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px;
    align-items:stretch;
    margin-top:8px;
}

/* Featured card */
.vk-blog__featured{
    position:relative; isolation:isolate;
    display:flex; flex-direction:column; justify-content:flex-end;
    min-height:380px;
    padding:26px;
    border-radius:18px;
    overflow:hidden;
    background:var(--vk-bg-2);
    border:1px solid var(--vk-line-2);
    color:#fff;
    transition:transform .35s var(--vk-easing), box-shadow .35s, border-color .35s;
}
.vk-blog__featured:hover{
    transform:translateY(-3px);
    box-shadow:0 28px 56px rgba(0,0,0,.5);
    border-color:rgba(245,177,0,.4);
}
.vk-blog__featured-media{
    position:absolute; inset:0; z-index:0; overflow:hidden;
}
.vk-blog__featured-media img{
    width:100%; height:100%; object-fit:cover;
    transition:transform .8s var(--vk-easing);
}
.vk-blog__featured:hover .vk-blog__featured-media img{ transform:scale(1.05); }
.vk-blog__featured-overlay{
    position:absolute; inset:0; z-index:1; pointer-events:none;
    background:
        linear-gradient(180deg, rgba(10,11,16,.1) 0%, rgba(10,11,16,.45) 45%, rgba(10,11,16,.92) 100%),
        linear-gradient(90deg, rgba(10,11,16,.6) 0%, rgba(10,11,16,.25) 35%, transparent 70%);
}
.vk-blog__featured-body{
    position:relative; z-index:2;
}

/* Pill — category */
.vk-blog__pill{
    display:inline-block;
    padding:4px 11px; border-radius:999px;
    background:rgba(245,177,0,.18); color:var(--vk-gold);
    border:1px solid rgba(245,177,0,.32);
    font-family:var(--vk-font-en); font-size:10px; letter-spacing:.14em;
    text-transform:uppercase; font-weight:700;
    margin-bottom:12px;
    backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px);
}
.vk-blog__pill--sm{ font-size:9px; padding:3px 9px; margin-bottom:6px; }

.vk-blog__featured-title{
    font-family:var(--vk-font-bn);
    font-size:clamp(20px, 2.6vw, 26px);
    font-weight:700; line-height:1.25; margin:0 0 10px;
    color:#fff;
    letter-spacing:-.01em;
    display:-webkit-box;
    -webkit-line-clamp:3; -webkit-box-orient:vertical;
    overflow:hidden;
}
.vk-blog__featured-excerpt{
    font-size:13.5px; color:rgba(236,237,243,.82);
    line-height:1.65; margin:0 0 14px;
    max-width:520px;
    display:-webkit-box;
    -webkit-line-clamp:2; -webkit-box-orient:vertical;
    overflow:hidden;
}
.vk-blog__featured-meta{
    display:inline-flex; align-items:center; gap:10px;
    font-family:var(--vk-font-en); font-size:11.5px;
    color:rgba(236,237,243,.7); margin:0;
}
.vk-blog__featured-meta i{ color:var(--vk-gold); font-size:11px; }
.vk-blog__featured-go{
    margin-left:auto; padding-left:14px;
    color:var(--vk-gold); font-weight:700;
    border-left:1px dashed rgba(255,255,255,.18);
    transition:transform .25s var(--vk-easing);
}
.vk-blog__featured:hover .vk-blog__featured-go{ transform:translateX(4px); }

/* Secondary stack */
.vk-blog__stack{
    display:flex; flex-direction:column; gap:14px;
}
.vk-blog__row{
    display:flex; align-items:stretch; gap:14px;
    padding:14px; border-radius:14px;
    background:
        linear-gradient(160deg, rgba(245,177,0,.04) 0%, transparent 50%),
        var(--vk-grad-card);
    border:1px solid var(--vk-line-2);
    color:var(--vk-text);
    transition:transform .25s var(--vk-easing), border-color .25s, box-shadow .25s;
    flex:1; min-height:0;
}
.vk-blog__row:hover{
    transform:translateY(-2px);
    border-color:rgba(245,177,0,.4);
    box-shadow:0 14px 28px rgba(0,0,0,.38);
}
.vk-blog__row-media{
    position:relative;
    flex:0 0 116px;
    aspect-ratio:4/3;
    border-radius:10px;
    overflow:hidden;
    background:var(--vk-bg-3);
    display:flex; align-items:center; justify-content:center;
}
.vk-blog__row-media img{
    width:100%; height:100%; object-fit:cover;
    transition:transform .6s var(--vk-easing);
}
.vk-blog__row:hover .vk-blog__row-media img{ transform:scale(1.06); }
.vk-blog__row-media i{
    font-size:22px; color:var(--vk-text-3);
}
.vk-blog__row-body{
    flex:1; min-width:0;
    display:flex; flex-direction:column; gap:2px;
    justify-content:center;
    text-align:left;
}
.vk-blog__row-title{
    font-family:var(--vk-font-bn);
    font-size:14px; font-weight:600; line-height:1.35;
    color:var(--vk-text); margin:2px 0 4px;
    letter-spacing:-.005em;
    display:-webkit-box;
    -webkit-line-clamp:2; -webkit-box-orient:vertical;
    overflow:hidden;
}
.vk-blog__row-meta{
    display:inline-flex; align-items:center; gap:6px;
    font-family:var(--vk-font-en); font-size:11px;
    color:var(--vk-text-3); margin:0;
}
.vk-blog__row-meta i{ color:var(--vk-gold); font-size:10px; }
.vk-blog__row-arrow{
    display:inline-flex; align-items:center; justify-content:center;
    width:28px; flex-shrink:0;
    color:var(--vk-text-3); font-size:16px;
    transition:color .25s, transform .25s var(--vk-easing);
    align-self:center;
}
.vk-blog__row:hover .vk-blog__row-arrow{
    color:var(--vk-gold);
    transform:translateX(4px);
}

/* Centered "view all" link */
.vk-blog__all{
    text-align:center;
    margin-top:26px;
}
.vk-blog__all-link{
    display:inline-flex; align-items:center; gap:10px;
    padding:11px 22px; border-radius:11px;
    background:transparent; color:var(--vk-text-2);
    border:1px solid var(--vk-line-2);
    font-family:var(--vk-font-en); font-weight:600; font-size:13px;
    transition:background .25s, color .25s, border-color .25s;
}
.vk-blog__all-link:hover{
    background:var(--vk-gold-soft);
    color:var(--vk-gold);
    border-color:var(--vk-gold);
}
.vk-blog__all-link i{ font-size:12px; transition:transform .25s var(--vk-easing); }
.vk-blog__all-link:hover i{ transform:translateX(4px); }

/* Responsive */
@media (max-width:880px){
    .vk-blog__grid{ grid-template-columns:1fr; gap:14px; }
    .vk-blog__featured{ min-height:300px; padding:22px; }
}
@media (max-width:520px){
    .vk-blog__featured{ min-height:260px; padding:18px; }
    .vk-blog__featured-meta{ flex-wrap:wrap; gap:8px; }
    .vk-blog__featured-go{ margin-left:0; padding-left:0; border-left:0; }
    .vk-blog__row{ flex-direction:column; padding:12px; gap:10px; }
    .vk-blog__row-media{ flex:0 0 auto; width:100%; aspect-ratio:16/9; }
    .vk-blog__row-arrow{ display:none; }
}

/* ============================================================
   FOOTER PREMIUM PASS — fixed logo + polished grid + bottom strip
   Last in cascade.
   ============================================================ */

/* Top decorative gold rule above the footer columns */
.nw-foot{
    position:relative;
    padding:36px var(--vk-pad) 22px !important;
}
.nw-foot::before{
    content:""; position:absolute; left:10%; right:10%; top:0; height:1px;
    background:linear-gradient(90deg, transparent 0%, rgba(245,177,0,.35) 50%, transparent 100%);
    pointer-events:none;
}

/* Grid proportions — brand a touch wider, trust slightly narrower */
.nw-foot__grid{
    grid-template-columns:1.5fr 1fr 1fr 1fr 1.3fr !important;
    gap:30px !important;
    align-items:start;
}

/* Brand column — tighter, fixed logo */
.nw-foot__brand{
    max-width:280px;
}
.nw-foot__brand-link{
    display:inline-block; line-height:0;
    margin-bottom:14px;
}
.nw-foot__brand img{
    height:30px !important;
    width:auto !important;
    max-width:130px !important;
    max-height:30px !important;
    margin:0 !important;
    display:block;
    object-fit:contain;
}
.nw-foot__brand p{
    font-size:12.5px !important;
    line-height:1.7;
    color:var(--vk-text-2);
    max-width:260px;
    margin:0 0 14px !important;
}

/* Social row — tighter */
.nw-foot__social{
    display:flex; gap:8px;
}
.nw-foot__social a{
    width:32px !important; height:32px !important;
    border-radius:8px;
    background:rgba(255,255,255,.04);
    border:1px solid var(--vk-line);
    color:var(--vk-text-2);
    display:inline-flex; align-items:center; justify-content:center;
    font-size:13px;
    transition:background .2s, color .2s, border-color .2s, transform .2s;
}
.nw-foot__social a:hover{
    background:var(--vk-gold-soft);
    color:var(--vk-gold);
    border-color:var(--vk-gold);
    transform:translateY(-2px);
}

/* Column headings — tighter underline */
.nw-foot__h{
    font-size:10.5px !important;
    letter-spacing:.22em;
    margin:0 0 14px !important;
    color:var(--vk-text-3) !important;
}
.nw-foot__h::before{
    width:16px !important;
    background:rgba(245,177,0,.5) !important;
}

/* Link list */
.nw-foot__col li{ margin-bottom:7px !important; }
.nw-foot__col a{
    font-size:12.5px !important;
    color:var(--vk-text-2);
    transition:color .2s, padding-left .2s;
    position:relative;
}
.nw-foot__col a:hover{
    color:var(--vk-gold);
    padding-left:6px;
}

/* Trust signals — refined */
.nw-foot__trust li{
    margin-bottom:10px !important;
    gap:10px !important;
    align-items:center !important;
}
.nw-foot__ticon{
    width:30px !important; height:30px !important;
    border-radius:9px !important;
    background:rgba(245,177,0,.1) !important;
    color:var(--vk-gold) !important;
    border:1px solid rgba(245,177,0,.22) !important;
    font-size:12px !important;
    flex-shrink:0;
}
.nw-foot__tbody{ font-size:12px !important; line-height:1.35; }
.nw-foot__tbody b{ font-size:12.5px !important; color:var(--vk-text) !important; display:block; margin-bottom:1px; }
.nw-foot__tbody span{ font-size:10.5px !important; color:var(--vk-text-3) !important; }

/* Bottom strip — refined, with subtle inner padding and gold pinstripe */
.nw-foot__bot{
    position:relative;
    padding:14px var(--vk-pad) !important;
    max-width:var(--vk-max);
    margin:0 auto !important;
    font-size:11px !important;
    color:var(--vk-text-3);
    display:flex; flex-wrap:wrap;
    justify-content:space-between; align-items:center; gap:14px;
    border-top:1px solid var(--vk-line);
    margin-top:24px !important;
}
.nw-foot__bot::before{
    top:auto !important;
    background:linear-gradient(90deg, transparent 0%, rgba(245,177,0,.32) 50%, transparent 100%) !important;
}
.nw-foot__bot p{ margin:0; }
.nw-foot__bot-mid{
    display:inline-flex; align-items:center; gap:10px;
    font-family:var(--vk-font-en); letter-spacing:.04em;
    color:var(--vk-text-3);
}
.nw-foot__bot-sep{
    width:3px; height:3px; border-radius:50%;
    background:rgba(245,177,0,.45);
}

/* Responsive */
@media (max-width:1024px){
    .nw-foot__grid{
        grid-template-columns:1.4fr 1fr 1fr !important;
        gap:24px !important;
    }
    .nw-foot__brand{ grid-column:1 / -1; max-width:520px; }
    .nw-foot__col--trust{ grid-column:1 / -1; }
}
@media (max-width:640px){
    .nw-foot{ padding:32px var(--vk-pad) 18px !important; }
    .nw-foot__grid{
        grid-template-columns:1fr 1fr !important;
        gap:22px !important;
    }
    .nw-foot__brand{ grid-column:1 / -1; }
    /* Trust column sits next to the previous .nw-foot__col on the same
       row instead of spanning full width — two columns side by side. */
    .nw-foot__col--trust{ grid-column:auto !important; }
    .nw-foot__bot{
        flex-direction:column;
        text-align:center;
        padding:14px var(--vk-pad) !important;
        gap:8px;
    }
}
@media (max-width:420px){
    .nw-foot__brand img{ height:28px !important; max-width:120px !important; }
    /* Keep two-column layout on small phones so trust + neighbour stay
       side by side; brand still spans full width via its own rule above. */
    .nw-foot__grid{ grid-template-columns:1fr 1fr !important; gap:16px !important; }
}

/* ============================================================
   FINAL CTA · v4 signature closer
   Diamond ornament + gradient-fill title + stat pills + dual CTAs.
   Last in cascade — wins over all earlier .vk-final rules.
   ============================================================ */
.vk-final{
    position:relative; isolation:isolate; overflow:hidden;
    padding:80px var(--vk-pad);
    background:
        radial-gradient(circle at 30% 30%, rgba(245,177,0,.08) 0%, transparent 38%),
        radial-gradient(circle at 70% 70%, rgba(245,177,0,.06) 0%, transparent 38%),
        radial-gradient(ellipse 60% 70% at 50% 50%, rgba(245,177,0,.10) 0%, transparent 70%),
        var(--vk-bg);
    text-align:center;
}
.vk-final::before{
    content:""; position:absolute; left:50%; transform:translateX(-50%);
    top:0; width:min(64%, 540px); height:1px;
    background:linear-gradient(90deg, transparent, rgba(245,177,0,.4), transparent);
    z-index:1;
}
.vk-final::after{
    content:""; position:absolute; left:50%; transform:translateX(-50%);
    bottom:0; width:min(64%, 540px); height:1px;
    background:linear-gradient(90deg, transparent, rgba(245,177,0,.4), transparent);
    z-index:1;
}
.vk-final__bg-glow{
    position:absolute; top:50%; left:50%;
    width:560px; height:560px;
    transform:translate(-50%,-50%);
    background:radial-gradient(circle, rgba(245,177,0,.14) 0%, transparent 60%);
    pointer-events:none; z-index:0;
    filter:blur(40px);
    animation:vk-final-glow 6s ease-in-out infinite;
}
@keyframes vk-final-glow{
    0%,100%{ opacity:.7;  transform:translate(-50%,-50%) scale(1);    }
    50%   { opacity:1;    transform:translate(-50%,-50%) scale(1.08); }
}
@media (prefers-reduced-motion: reduce){
    .vk-final__bg-glow{ animation:none; }
}

.vk-final__inner{
    position:relative; z-index:2;
    max-width:740px; margin:0 auto;
    padding:0;
    background:none; border:none; box-shadow:none; border-radius:0;
    text-align:center;
}
/* Suppress leftover decorations from earlier .vk-final versions */
.vk-final__inner::before,
.vk-final__inner::after,
.vk-final__corner,
.vk-final__mark,
.vk-final__sub,
.vk-final__stats,
.vk-final__body,
.vk-final__alt,
.vk-final__divider,
.vk-final__legal{ display:none !important; }

/* Diamond gold ornament at top */
.vk-final__ornament{
    display:flex !important; align-items:center; justify-content:center;
    gap:16px; margin:0 auto 26px;
}
.vk-final__ornament-line{
    width:72px; height:1px;
    background:linear-gradient(90deg, transparent, var(--vk-gold));
}
.vk-final__ornament-line:last-child{
    background:linear-gradient(90deg, var(--vk-gold), transparent);
}
.vk-final__ornament-mark{
    font-size:13px; color:var(--vk-gold);
    text-shadow:0 0 12px rgba(245,177,0,.6);
    line-height:1;
    transform:translateY(-1px);
}

/* Eyebrow */
.vk-final__eyebrow{
    display:inline-flex !important; align-items:center; gap:10px;
    font-family:var(--vk-font-en); font-size:11px; letter-spacing:.26em;
    text-transform:uppercase; color:var(--vk-text-3); font-weight:600;
    margin-bottom:22px;
    padding:0; background:none; border:0;
    text-align:center !important;
}
.vk-final__eyebrow::before,
.vk-final__eyebrow::after{ display:none !important; }
.vk-final__eyebrow-dot{
    width:6px; height:6px; border-radius:50%;
    background:var(--vk-gold);
    box-shadow:0 0 0 3px rgba(245,177,0,.22);
    animation:vk-pulse 1.6s ease-in-out infinite;
}

/* Title — large light + italic gold gradient */
.vk-final__title{
    font-family:var(--vk-font-en);
    font-size:clamp(28px, 5vw, 48px);
    font-weight:300;
    line-height:1.1;
    letter-spacing:-.025em;
    margin:0 0 32px;
    color:var(--vk-text);
    text-wrap:balance;
}
.vk-final__title em{
    font-family:var(--vk-font-it);
    font-style:italic; font-weight:500;
    background:linear-gradient(180deg, #FFE08A 0%, var(--vk-gold) 50%, #C88500 100%);
    -webkit-background-clip:text; background-clip:text;
    -webkit-text-fill-color:transparent; color:transparent;
    letter-spacing:.005em;
    padding:0;
    text-shadow:none;
    filter:drop-shadow(0 0 20px rgba(245,177,0,.35));
}

/* Stats pills · 3 inline mini-cards */
.vk-final__pills{
    list-style:none; padding:0;
    margin:0 auto 32px;
    display:flex !important; flex-wrap:wrap; gap:10px;
    justify-content:center; align-items:stretch;
    max-width:560px;
}
.vk-final__pills li{
    display:flex; flex-direction:column; align-items:center; justify-content:center;
    padding:14px 22px; border-radius:14px;
    background:
        linear-gradient(180deg, rgba(245,177,0,.07) 0%, rgba(245,177,0,.02) 100%),
        rgba(255,255,255,.02);
    border:1px solid rgba(245,177,0,.22);
    min-width:140px; min-height:64px;
    transition:transform .25s var(--vk-easing), border-color .25s, box-shadow .25s;
}
.vk-final__pills li:hover{
    transform:translateY(-2px);
    border-color:rgba(245,177,0,.5);
    box-shadow:0 14px 28px rgba(0,0,0,.35);
}
.vk-final__pills b{
    font-family:var(--vk-font-en); font-weight:800;
    font-size:20px;
    background:var(--vk-grad-gold); -webkit-background-clip:text; background-clip:text;
    -webkit-text-fill-color:transparent; color:transparent;
    line-height:1; margin-bottom:5px;
    font-variant-numeric:tabular-nums;
    letter-spacing:.005em;
}
.vk-final__pills span{
    font-size:11px; color:var(--vk-text-3);
    font-family:var(--vk-font-en); letter-spacing:.04em;
    text-align:center;
}

/* Actions · dual CTA */
.vk-final__actions{
    display:flex !important; gap:12px; flex-wrap:wrap;
    justify-content:center;
    margin:0 auto;
}
.vk-final__cta{
    display:inline-flex; align-items:center; gap:10px;
    padding:14px 26px; border-radius:13px;
    font-family:var(--vk-font-en); font-weight:700; font-size:14px;
    transition:transform .25s var(--vk-easing), box-shadow .25s, color .25s, background .25s, border-color .25s;
    position:relative; isolation:isolate;
    border:1px solid transparent;
}
.vk-final__cta--primary{
    background:var(--vk-grad-gold);
    color:#000;
    box-shadow:
        0 18px 36px rgba(245,177,0,.32),
        inset 0 1px 0 rgba(255,255,255,.4);
}
.vk-final__cta--primary:hover{
    transform:translateY(-2px);
    box-shadow:
        0 26px 44px rgba(245,177,0,.42),
        inset 0 1px 0 rgba(255,255,255,.5);
}
.vk-final__cta--ghost{
    background:rgba(255,255,255,.03);
    color:var(--vk-text-2);
    border-color:var(--vk-line-2);
}
.vk-final__cta--ghost:hover{
    background:rgba(245,177,0,.08);
    border-color:var(--vk-gold);
    color:var(--vk-gold);
    transform:translateY(-2px);
}
.vk-final__cta i{ font-size:14px; }
.vk-final__cta-arrow{ font-size:12px !important; transition:transform .25s var(--vk-easing); }
.vk-final__cta:hover .vk-final__cta-arrow{ transform:translateX(4px); }

/* Responsive */
@media (max-width:640px){
    .vk-final{ padding:60px var(--vk-pad); }
    .vk-final__title{ font-size:clamp(24px, 8vw, 34px); margin-bottom:24px; }
    .vk-final__pills{ gap:8px; margin-bottom:24px; }
    .vk-final__pills li{ min-width:0; flex:1 1 calc(50% - 4px); padding:12px 14px; }
    .vk-final__cta{ width:100%; justify-content:center; }
    .vk-final__ornament-line{ width:48px; }
    .vk-final__bg-glow{ width:380px; height:380px; }
}
@media (max-width:420px){
    .vk-final__pills li{ flex:1 1 100%; }
}

/* ============================================================
   VOICES PROGRESS BAR · visible auto-slide indicator
   ============================================================ */
.vk-voices__progress{
    position:relative;
    height:2px;
    margin:14px auto 0;
    max-width:280px;
    background:rgba(255,255,255,.06);
    border-radius:2px;
    overflow:hidden;
}
.vk-voices__progress-bar{
    display:block;
    height:100%;
    width:0;
    background:var(--vk-grad-gold);
    box-shadow:0 0 8px rgba(245,177,0,.55);
    border-radius:2px;
    transform-origin:left;
}
.vk-voices__progress-bar.is-running{
    animation:vk-voices-fill var(--vk-voices-dur, 4000ms) linear forwards;
}
@keyframes vk-voices-fill{
    from{ width:0; }
    to  { width:100%; }
}
@media (prefers-reduced-motion: reduce){
    .vk-voices__progress-bar.is-running{ animation:none; width:100%; opacity:.4; }
}

/* ============================================================
   BLOG · refined 3-up grid (v3)
   Balanced cards, image zoom, latest-post pulse badge, gold "পড়ুন".
   Last in cascade — wins over featured+stack rules.
   ============================================================ */
.vk-blog__grid{
    display:grid !important;
    grid-template-columns:repeat(auto-fit, minmax(280px, 1fr)) !important;
    gap:18px !important;
    align-items:stretch;
    margin-top:8px;
}
/* Suppress leftover featured + stack styling */
.vk-blog__featured,
.vk-blog__featured-media,
.vk-blog__featured-overlay,
.vk-blog__featured-body,
.vk-blog__featured-title,
.vk-blog__featured-excerpt,
.vk-blog__featured-meta,
.vk-blog__featured-go,
.vk-blog__stack,
.vk-blog__row,
.vk-blog__row-media,
.vk-blog__row-body,
.vk-blog__row-title,
.vk-blog__row-meta,
.vk-blog__row-arrow,
.vk-blog__pill{ display:none !important; }

/* Card */
.vk-blog__card{
    position:relative; isolation:isolate;
    display:flex !important; flex-direction:column;
    background:
        linear-gradient(180deg, rgba(245,177,0,.03) 0%, transparent 30%),
        var(--vk-grad-card);
    border:1px solid var(--vk-line-2);
    border-radius:16px;
    overflow:hidden;
    transition:transform .35s var(--vk-easing), border-color .35s, box-shadow .35s;
}
.vk-blog__card:hover{
    transform:translateY(-4px);
    border-color:rgba(245,177,0,.4);
    box-shadow:0 22px 44px rgba(0,0,0,.42);
}

/* Media */
.vk-blog__media{
    position:relative;
    display:block;
    aspect-ratio:16/9;
    overflow:hidden;
    background:var(--vk-bg-3);
    line-height:0;
}
.vk-blog__media img{
    width:100%; height:100%; object-fit:cover;
    transition:transform .8s var(--vk-easing);
}
.vk-blog__card:hover .vk-blog__media img{ transform:scale(1.06); }
.vk-blog__media-ph{
    width:100%; height:100%;
    display:flex; align-items:center; justify-content:center;
    color:var(--vk-text-3); font-size:32px;
    background:
        radial-gradient(circle at center, rgba(245,177,0,.05) 0%, transparent 60%),
        var(--vk-bg-3);
}
.vk-blog__media-glow{
    position:absolute; inset:0; pointer-events:none;
    background:linear-gradient(180deg, transparent 60%, rgba(10,11,16,.6) 100%);
    opacity:.6;
    transition:opacity .35s;
}
.vk-blog__card:hover .vk-blog__media-glow{ opacity:.85; }

/* "সর্বশেষ" badge on latest card */
.vk-blog__badge{
    position:absolute; top:10px; left:10px;
    display:inline-flex; align-items:center; gap:7px;
    padding:5px 11px; border-radius:999px;
    background:rgba(10,11,16,.78);
    backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px);
    border:1px solid rgba(245,177,0,.45);
    color:var(--vk-gold);
    font-family:var(--vk-font-en); font-size:10px; letter-spacing:.14em;
    text-transform:uppercase; font-weight:700;
    z-index:3;
    box-shadow:0 6px 16px rgba(0,0,0,.45);
}
.vk-blog__badge-dot{
    width:6px; height:6px; border-radius:50%;
    background:var(--vk-gold);
    box-shadow:0 0 0 3px rgba(245,177,0,.25);
    animation:vk-pulse 1.6s ease-in-out infinite;
}

/* Body */
.vk-blog__body{
    padding:18px 20px 20px;
    flex:1;
    display:flex; flex-direction:column;
    text-align:left;
}
.vk-blog__meta{
    display:inline-flex; align-items:center; gap:8px;
    font-family:var(--vk-font-en); font-size:11px;
    color:var(--vk-text-3); letter-spacing:.04em;
    margin:0 0 10px;
}
.vk-blog__meta i{ color:var(--vk-gold); font-size:11px; }
.vk-blog__title{
    font-family:var(--vk-font-bn);
    font-size:16px; line-height:1.4; font-weight:600;
    margin:0 0 10px;
    letter-spacing:-.005em;
    display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
    overflow:hidden;
}
.vk-blog__title a{
    color:var(--vk-text);
    transition:color .2s;
}
.vk-blog__title a:hover{ color:var(--vk-gold); }
.vk-blog__excerpt{
    font-size:13px; color:var(--vk-text-2);
    line-height:1.65;
    margin:0 0 14px;
    flex:1;
    display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
    overflow:hidden;
}
.vk-blog__more{
    display:inline-flex; align-items:center; gap:6px;
    font-family:var(--vk-font-en); font-size:12.5px;
    font-weight:600; color:var(--vk-gold);
    transition:gap .2s, color .2s;
    align-self:flex-start;
    padding-top:6px;
    border-top:1px dashed rgba(255,255,255,.06);
    width:100%;
}
.vk-blog__more:hover{ gap:10px; }
.vk-blog__more i{ font-size:11px; transition:transform .25s var(--vk-easing); }
.vk-blog__more:hover i{ transform:translateX(3px); }

/* View all */
.vk-blog__all{
    text-align:center;
    margin-top:26px;
}
.vk-blog__all-link{
    display:inline-flex; align-items:center; gap:10px;
    padding:11px 22px; border-radius:11px;
    background:rgba(255,255,255,.03);
    color:var(--vk-text-2);
    border:1px solid var(--vk-line-2);
    font-family:var(--vk-font-en); font-weight:600; font-size:13px;
    transition:background .25s, color .25s, border-color .25s;
}
.vk-blog__all-link:hover{
    background:var(--vk-gold-soft);
    color:var(--vk-gold);
    border-color:var(--vk-gold);
}
.vk-blog__all-link i{ font-size:12px; transition:transform .25s var(--vk-easing); }
.vk-blog__all-link:hover i{ transform:translateX(4px); }

.vk-blog__empty{
    text-align:center; color:var(--vk-text-2);
    padding:36px 20px;
    border:1px dashed var(--vk-line-2);
    border-radius:14px;
}

@media (max-width:640px){
    .vk-blog__grid{ grid-template-columns:1fr !important; gap:14px !important; }
    .vk-blog__body{ padding:16px 18px 18px; }
}

/* Compact blog cards on phones — cinema-crop media, tight padding,
   clamped title + excerpt, smaller type. Card height drops ~410 → ~310 px. */
@media (max-width:480px){
    .vk-blog__grid{ gap:10px !important; }
    .vk-blog__card{ border-radius:12px; }
    /* 21:9 cinema crop saves ~50 px vs 16:10 */
    .vk-blog__media{ aspect-ratio:21/9; }
    .vk-blog__body{ padding:10px 12px 11px !important; }
    .vk-blog__meta{
        font-size:10px;
        margin-bottom:4px;
        gap:5px;
    }
    .vk-blog__meta i{ font-size:9px; }
    .vk-blog__title{
        font-size:13px !important;
        margin-bottom:4px !important;
        line-height:1.28;
        display:-webkit-box;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical;
        overflow:hidden;
    }
    .vk-blog__excerpt{
        font-size:11px !important;
        margin-bottom:6px !important;
        line-height:1.45;
        display:-webkit-box;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical;
        overflow:hidden;
    }
    .vk-blog__more{
        font-size:11px !important;
        padding:5px 4px !important;
        min-height:30px;
        gap:4px;
    }
    .vk-blog__more i{ font-size:10px; }
    .vk-blog__badge{
        font-size:9px !important;
        padding:3px 7px !important;
        top:7px; left:7px;
    }

    /* ------------------------------------------------------
       FOOTER · CTA BAND · stack and center on phones
       ------------------------------------------------------ */
    .nw-cta-band__inner{
        grid-template-columns:1fr !important;
        grid-template-areas:none !important;
        justify-items:center !important;
        text-align:center !important;
        gap:14px !important;
    }
    .nw-cta-band__icon{
        grid-area:auto !important;
        width:56px !important; height:56px !important;
        margin:0 auto;
    }
    .nw-cta-band__icon i{ font-size:24px !important; }
    .nw-cta-band__text{
        grid-area:auto !important;
        text-align:center;
        width:100%;
    }
    .nw-cta-band__eyebrow{
        justify-content:center;
        display:inline-flex;
    }
    .nw-cta-band__title{
        text-align:center;
        margin-left:auto;
        margin-right:auto;
        max-width:280px;
    }
    .nw-cta-band__btn{
        grid-area:auto !important;
        width:auto;
        min-width:200px;
        justify-content:center;
    }

    /* ------------------------------------------------------
       FOOTER MAIN — center every column on phones
       ------------------------------------------------------ */
    .nw-foot__brand{
        text-align:center;
        display:flex; flex-direction:column;
        align-items:center;
    }
    .nw-foot__brand img{
        margin-left:auto !important;
        margin-right:auto !important;
        display:block;
    }
    .nw-foot__brand p{
        margin-left:auto !important;
        margin-right:auto !important;
        max-width:280px;
    }
    .nw-foot__social{ justify-content:center !important; }

    /* Every footer column: center text, center heading (with mirrored
       gold dashes on both sides), center link list. Hover shouldn't
       shove the link to the right — that would break centered align. */
    .nw-foot__col{
        text-align:center;
        display:flex; flex-direction:column;
        align-items:center;
    }
    .nw-foot__col h3,
    .nw-foot__col h4,
    .nw-foot__h{
        text-align:center !important;
        justify-content:center;
        margin-left:auto !important;
        margin-right:auto !important;
    }
    /* Mirror the gold accent dash so the heading reads "— TEXT —" */
    .nw-foot__h::after{
        content:""; width:16px !important; height:1px;
        background:rgba(245,177,0,.5) !important;
        display:inline-block;
    }
    .nw-foot__col ul{ text-align:center; width:100%; padding:0; }
    .nw-foot__col li{ text-align:center; }
    .nw-foot__col a{
        justify-content:center;
        text-align:center;
    }
    /* Disable the left-shift hover effect on phones so links stay centered */
    .nw-foot__col a:hover{ padding-left:0 !important; }

    /* Trust column — fully centered (label + each icon row) */
    .nw-foot__col--trust{
        text-align:center;
        display:flex; flex-direction:column;
        align-items:center;
    }
    .nw-foot__col--trust .nw-foot__h{
        text-align:center !important;
        margin-left:auto; margin-right:auto;
    }
    .nw-foot__trust{
        width:100%;
        max-width:100%;
        margin-left:auto !important;
        margin-right:auto !important;
        padding:0;
        text-align:center;
    }
    .nw-foot__trust li{
        display:flex;
        justify-content:center;
        align-items:center;
        text-align:center;
        gap:10px;
    }
    .nw-foot__trust .nw-foot__tbody{ text-align:center; }
    .nw-foot__trust .nw-foot__tbody b,
    .nw-foot__trust .nw-foot__tbody span{ display:block; }
    .nw-foot__ticon{ flex-shrink:0; }

    .nw-foot__bot{
        flex-direction:column;
        text-align:center;
        gap:6px;
        align-items:center;
    }
    .nw-foot__bot-mid{ justify-content:center; }
}

/* ============================================================
   FINAL CTA · v5 split membership card
   Last in cascade — wins over all earlier .vk-final rules.
   ============================================================ */
.vk-final{
    position:relative; overflow:hidden;
    padding:56px var(--vk-pad) !important;
    background:
        radial-gradient(circle at 20% 50%, rgba(245,177,0,.06) 0%, transparent 40%),
        radial-gradient(circle at 80% 50%, rgba(245,177,0,.05) 0%, transparent 40%),
        var(--vk-bg) !important;
    text-align:left;
}
.vk-final::before,
.vk-final::after{ display:none !important; }

.vk-final__inner{
    max-width:1040px !important; margin:0 auto !important;
    padding:0 !important;
    background:none !important; border:none !important; box-shadow:none !important; border-radius:0 !important;
    text-align:left !important;
}

/* Suppress every leftover element from prior .vk-final versions */
.vk-final__inner::before,
.vk-final__inner::after,
.vk-final__corner,
.vk-final__mark,
.vk-final__sub,
.vk-final__stats,
.vk-final__alt,
.vk-final__divider,
.vk-final__legal,
.vk-final__ornament,
.vk-final__pills,
.vk-final__bg-glow,
.vk-final__signoff{ display:none !important; }

/* Card with 2-column horizontal split */
.vk-final__card{
    display:grid;
    grid-template-columns:300px 1fr;
    border-radius:22px;
    overflow:hidden;
    background:
        linear-gradient(135deg, rgba(245,177,0,.05) 0%, transparent 50%),
        var(--vk-grad-card);
    border:1px solid rgba(245,177,0,.28);
    box-shadow:
        0 28px 60px rgba(0,0,0,.5),
        0 0 80px rgba(245,177,0,.08),
        inset 0 1px 0 rgba(255,255,255,.04);
    min-height:280px;
}

/* Left brand panel */
.vk-final__brand{
    position:relative;
    padding:36px 24px;
    background:
        radial-gradient(circle at center, rgba(245,177,0,.14) 0%, transparent 70%),
        linear-gradient(180deg, #0A0B10 0%, #14172A 100%);
    border-right:1px solid rgba(245,177,0,.22);
    display:flex; align-items:center; justify-content:center;
    overflow:hidden;
}
.vk-final__brand-pattern{
    position:absolute; inset:0; pointer-events:none;
    background-image:repeating-linear-gradient(
        45deg,
        rgba(245,177,0,.05) 0,
        rgba(245,177,0,.05) 1px,
        transparent 1px,
        transparent 14px
    );
    mask-image:radial-gradient(circle at center, #000 25%, transparent 80%);
    -webkit-mask-image:radial-gradient(circle at center, #000 25%, transparent 80%);
}
.vk-final__brand-glow{
    position:absolute; top:50%; left:50%;
    width:280px; height:280px;
    transform:translate(-50%,-50%);
    background:radial-gradient(circle, rgba(245,177,0,.2) 0%, transparent 60%);
    filter:blur(40px);
    pointer-events:none;
    animation:vk-final-glow 6s ease-in-out infinite;
}
@media (prefers-reduced-motion: reduce){
    .vk-final__brand-glow{ animation:none; }
}
.vk-final__brand-inner{
    position:relative; z-index:1;
    text-align:center;
    display:flex; flex-direction:column; align-items:center;
}
.vk-final__brand-monogram{
    font-family:var(--vk-font-en); font-weight:300;
    font-size:120px; line-height:.9;
    background:linear-gradient(180deg, #FFE08A 0%, var(--vk-gold) 45%, #8B5F00 100%);
    -webkit-background-clip:text; background-clip:text;
    -webkit-text-fill-color:transparent; color:transparent;
    letter-spacing:-.05em;
    margin-bottom:6px;
    filter:drop-shadow(0 0 24px rgba(245,177,0,.42));
}
.vk-final__brand-rule{
    width:42px; height:1px;
    background:var(--vk-gold);
    margin:6px 0 14px;
    box-shadow:0 0 8px rgba(245,177,0,.6);
}
.vk-final__brand-tag{
    font-family:var(--vk-font-bn); font-size:13px;
    color:var(--vk-text); font-weight:600;
    margin-bottom:6px;
    letter-spacing:-.005em;
}
.vk-final__brand-meta{
    font-family:var(--vk-font-en); font-size:10px;
    letter-spacing:.22em; text-transform:uppercase;
    color:var(--vk-text-3); font-weight:600;
}

/* Right copy column */
.vk-final__copy{
    padding:36px 36px 32px;
    display:flex; flex-direction:column; justify-content:center;
    text-align:left !important;
}
.vk-final__eyebrow{
    display:inline-flex !important; align-items:center; gap:10px;
    font-family:var(--vk-font-en); font-size:10.5px; letter-spacing:.24em;
    text-transform:uppercase; color:var(--vk-text-3); font-weight:600;
    margin:0 0 14px !important;
    padding:0; background:none; border:0;
    text-align:left !important;
}
.vk-final__eyebrow::before,
.vk-final__eyebrow::after{ display:none !important; }
.vk-final__eyebrow-dot{
    width:6px; height:6px; border-radius:50%;
    background:var(--vk-gold);
    box-shadow:0 0 0 3px rgba(245,177,0,.22);
    animation:vk-pulse 1.6s ease-in-out infinite;
}
.vk-final__title{
    font-family:var(--vk-font-en) !important;
    font-size:clamp(24px, 3.4vw, 34px) !important;
    font-weight:300 !important;
    line-height:1.15 !important;
    letter-spacing:-.022em !important;
    margin:0 0 12px !important;
    color:var(--vk-text);
    text-align:left !important;
    max-width:100% !important;
    text-wrap:balance;
}
.vk-final__title em{
    font-family:var(--vk-font-it);
    font-style:italic; font-weight:500;
    background:linear-gradient(180deg, #FFE08A 0%, var(--vk-gold) 100%) !important;
    -webkit-background-clip:text; background-clip:text;
    -webkit-text-fill-color:transparent; color:transparent !important;
    letter-spacing:.005em;
    padding:0 !important;
}
.vk-final__body{
    display:block !important;
    font-size:13.5px !important;
    color:var(--vk-text-2);
    line-height:1.7 !important;
    margin:0 0 22px !important;
    text-align:left !important;
    max-width:520px !important;
    text-wrap:balance;
}
.vk-final__body b{
    color:var(--vk-text) !important;
    font-weight:700;
    font-family:var(--vk-font-en);
    font-variant-numeric:tabular-nums;
    white-space:nowrap;
}

/* Actions */
.vk-final__actions{
    display:flex !important; gap:10px; flex-wrap:wrap;
    justify-content:flex-start !important;
    margin:0 !important;
}
.vk-final__cta{
    display:inline-flex; align-items:center; gap:10px;
    padding:12px 22px; border-radius:12px;
    font-family:var(--vk-font-en); font-weight:700; font-size:13.5px;
    transition:transform .25s var(--vk-easing), box-shadow .25s, color .25s, background .25s, border-color .25s;
    position:relative; isolation:isolate;
    border:1px solid transparent;
}
.vk-final__cta--primary{
    background:var(--vk-grad-gold);
    color:#000;
    box-shadow:
        0 16px 32px rgba(245,177,0,.32),
        inset 0 1px 0 rgba(255,255,255,.4);
}
.vk-final__cta--primary:hover{
    transform:translateY(-2px);
    box-shadow:
        0 22px 40px rgba(245,177,0,.42),
        inset 0 1px 0 rgba(255,255,255,.5);
}
.vk-final__cta--ghost{
    background:rgba(255,255,255,.03);
    color:var(--vk-text-2);
    border-color:var(--vk-line-2);
}
.vk-final__cta--ghost:hover{
    background:rgba(245,177,0,.08);
    border-color:var(--vk-gold);
    color:var(--vk-gold);
    transform:translateY(-2px);
}
.vk-final__cta i{ font-size:13px; }
.vk-final__cta-arrow{ font-size:11px !important; transition:transform .25s var(--vk-easing); }
.vk-final__cta:hover .vk-final__cta-arrow{ transform:translateX(4px); }

/* Responsive — stack vertical on tablet, center on mobile */
@media (max-width:760px){
    .vk-final__card{
        grid-template-columns:1fr;
        min-height:auto;
    }
    .vk-final__brand{
        padding:32px 20px;
        border-right:0;
        border-bottom:1px solid rgba(245,177,0,.22);
    }
    .vk-final__brand-monogram{ font-size:84px; }
    .vk-final__copy{
        padding:28px 24px 26px;
        text-align:center !important;
    }
    .vk-final__eyebrow{
        text-align:center !important;
        justify-content:center;
    }
    .vk-final__title{
        text-align:center !important;
        margin-left:auto !important;
        margin-right:auto !important;
    }
    .vk-final__body{
        text-align:center !important;
        margin-left:auto !important;
        margin-right:auto !important;
    }
    .vk-final__actions{
        justify-content:center !important;
    }
}
@media (max-width:480px){
    .vk-final__brand-monogram{ font-size:72px; }
    .vk-final__cta{
        width:100%;
        justify-content:center;
    }
}

/* ============================================================
   HERO · v2 centered editorial single-message
   Last in cascade. Overrides carousel + panel CSS.
   ============================================================ */

/* Section frame */
.nw-hero{
    position:relative; overflow:hidden; isolation:isolate;
    padding:72px var(--vk-pad) 88px !important;
    text-align:center !important;
    background:
        radial-gradient(ellipse 70% 50% at 50% 0%, rgba(245,177,0,.12) 0%, transparent 60%),
        linear-gradient(180deg, #050610 0%, #0A0B14 100%) !important;
}

/* Hide every leftover element from the carousel + panel hero */
.nw-hero__slider,
.nw-hero__slides,
.nw-hero__slide,
.nw-hero__copy,
.nw-hero__chip,
.nw-hero__chip-dot,
.nw-hero__chip-arrow,
.nw-hero__match,
.nw-hero__match-team,
.nw-hero__match-vs-wrap,
.nw-hero__match-flag,
.nw-hero__match-name,
.nw-hero__match-vs,
.nw-hero__match-time,
.nw-hero__nav,
.nw-hero__dots,
.nw-hero__dot,
.nw-hero__arrow,
.nw-hero__panel,
.nw-hero__panel-scan,
.nw-hero__panel-corner,
.nw-hero__panel-h,
.nw-hero__panel-live,
.nw-hero__panel-rule,
.nw-hero__panel-ts,
.nw-hero__panel-stats,
.nw-hero__panel-num,
.nw-hero__panel-lbl,
.nw-hero__panel-cta,
.nw-hero__bonus-amount,
.nw-hero__bonus-line,
.nw-hero__bonus-tag,
.nw-hero__stumps,
.nw-hero__ball,
.nw-hero__bails,
.nw-hero__stump,
.nw-hero__flood,
.nw-hero__beam,
.nw-hero__pitch,
.nw-hero__orb,
.nw-hero__grain{ display:none !important; }

/* Backdrop layers */
.nw-hero__bg{
    position:absolute; inset:0; pointer-events:none; z-index:0;
}
.nw-hero__bg-glow{
    position:absolute; border-radius:50%; pointer-events:none;
    filter:blur(80px);
}
.nw-hero__bg-glow--tl{
    width:520px; height:520px;
    background:rgba(245,177,0,.22);
    top:-160px; left:-120px;
}
.nw-hero__bg-glow--br{
    width:380px; height:380px;
    background:rgba(245,177,0,.14);
    bottom:-120px; right:-80px;
}
.nw-hero__bg-mesh{
    position:absolute; inset:0;
    background-image:
        linear-gradient(90deg, transparent 49.5%, rgba(245,177,0,.04) 50%, transparent 50.5%),
        linear-gradient(180deg, transparent 49.5%, rgba(245,177,0,.04) 50%, transparent 50.5%);
    background-size:80px 80px;
    mask-image:radial-gradient(ellipse at center, #000 25%, transparent 75%);
    -webkit-mask-image:radial-gradient(ellipse at center, #000 25%, transparent 75%);
    opacity:.45;
}
.nw-hero__bg-grain{
    position:absolute; inset:0;
    opacity:.05; mix-blend-mode:overlay;
    background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
    background-size:180px 180px;
}
.nw-hero__bg-scan{
    position:absolute; top:-50%; left:-50%; right:-50%; height:200%;
    background:linear-gradient(120deg, transparent 35%, rgba(245,177,0,.08) 48%, rgba(245,177,0,.14) 50%, rgba(245,177,0,.08) 52%, transparent 65%);
    animation:vk-hero-scan 14s ease-in-out infinite;
    pointer-events:none;
}
@keyframes vk-hero-scan{
    0%   { transform:translateY(-30%); opacity:0; }
    15%  { opacity:1; }
    85%  { opacity:1; }
    100% { transform:translateY(30%); opacity:0; }
}
@media (prefers-reduced-motion: reduce){
    .nw-hero__bg-scan{ animation:none; opacity:0; }
}

/* Centered content stack */
.nw-hero__inner{
    position:relative; z-index:1;
    display:flex !important; flex-direction:column; align-items:center;
    max-width:900px; margin:0 auto;
    gap:0;
    grid-template-columns:none !important;
}

/* Large V brand mark */
.nw-hero__brand-mark{
    font-family:var(--vk-font-en); font-weight:200;
    font-size:84px; line-height:1;
    background:linear-gradient(180deg, rgba(255,224,138,.55) 0%, rgba(245,177,0,.3) 50%, rgba(245,177,0,.05) 100%);
    -webkit-background-clip:text; background-clip:text;
    -webkit-text-fill-color:transparent; color:transparent;
    letter-spacing:-.04em;
    margin-bottom:14px;
    filter:drop-shadow(0 0 24px rgba(245,177,0,.32));
}

/* Eyebrow with gold rules on both sides */
.nw-hero__eyebrow{
    display:inline-flex; align-items:center; gap:14px;
    font-family:var(--vk-font-en); font-size:11px; letter-spacing:.26em;
    text-transform:uppercase; color:var(--vk-text-3); font-weight:600;
    margin-bottom:24px;
}
.nw-hero__eyebrow-rule{
    width:34px; height:1px;
    background:linear-gradient(90deg, transparent, var(--vk-gold));
}
.nw-hero__eyebrow-rule:last-child{
    background:linear-gradient(90deg, var(--vk-gold), transparent);
}

/* Title — large light italic accent */
.nw-hero__title{
    font-family:var(--vk-font-en) !important;
    font-size:clamp(34px, 6vw, 64px) !important;
    font-weight:200 !important;
    line-height:1.08 !important;
    letter-spacing:-.028em !important;
    margin:0 0 26px !important;
    color:var(--vk-text);
    text-wrap:balance;
    max-width:820px;
}
.nw-hero__title-row{ display:block; }
.nw-hero__title em{
    font-family:var(--vk-font-it);
    font-style:italic; font-weight:500;
    background:linear-gradient(180deg, #FFE08A 0%, var(--vk-gold) 100%);
    -webkit-background-clip:text; background-clip:text;
    -webkit-text-fill-color:transparent; color:transparent;
    letter-spacing:.005em;
    padding-right:.02em;
}

/* Lead paragraph */
.nw-hero__lead{
    font-size:clamp(14.5px, 1.6vw, 16.5px) !important;
    color:var(--vk-text-2);
    line-height:1.78 !important;
    max-width:620px; margin:0 0 32px !important;
    text-wrap:balance;
}

/* Stats strip — 4-up with gold gradient numerals + count-up support */
.nw-hero__stats{
    list-style:none; padding:0;
    margin:0 0 28px;
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    width:100%; max-width:720px;
    background:
        linear-gradient(180deg, rgba(245,177,0,.04) 0%, transparent 100%),
        rgba(255,255,255,.015);
    border:1px solid rgba(245,177,0,.18);
    border-radius:18px;
    overflow:hidden;
}
.nw-hero__stats li{
    padding:18px 10px;
    display:flex; flex-direction:column; align-items:center; justify-content:center;
    text-align:center;
    border-right:1px dashed rgba(255,255,255,.06);
}
.nw-hero__stats li:last-child{ border-right:0; }
.nw-hero__stats b{
    display:block;
    font-family:var(--vk-font-en); font-weight:800; font-size:22px;
    background:var(--vk-grad-gold);
    -webkit-background-clip:text; background-clip:text;
    -webkit-text-fill-color:transparent; color:transparent;
    line-height:1; margin-bottom:6px;
    font-variant-numeric:tabular-nums;
}
.nw-hero__stats span{
    font-size:11.5px; color:var(--vk-text-3);
    font-family:var(--vk-font-bn);
}

/* CTAs */
.nw-hero__cta{
    display:flex !important; gap:12px; flex-wrap:wrap; justify-content:center;
    margin-bottom:24px;
}
.nw-hero__btn{
    display:inline-flex; align-items:center; gap:10px;
    padding:14px 26px; border-radius:13px;
    font-family:var(--vk-font-en); font-weight:700; font-size:14.5px;
    transition:transform .25s var(--vk-easing), box-shadow .25s, color .25s, background .25s, border-color .25s;
    border:1px solid transparent;
}
.nw-hero__btn--primary{
    background:var(--vk-grad-gold); color:#000;
    box-shadow:
        0 20px 40px rgba(245,177,0,.32),
        inset 0 1px 0 rgba(255,255,255,.4);
}
.nw-hero__btn--primary:hover{
    transform:translateY(-2px);
    box-shadow:
        0 28px 48px rgba(245,177,0,.42),
        inset 0 1px 0 rgba(255,255,255,.5);
}
.nw-hero__btn--ghost{
    background:rgba(255,255,255,.03); color:var(--vk-text-2);
    border-color:var(--vk-line-2);
}
.nw-hero__btn--ghost:hover{
    background:rgba(245,177,0,.06);
    border-color:var(--vk-gold); color:var(--vk-gold);
    transform:translateY(-2px);
}
.nw-hero__btn i{ font-size:14px; }
.nw-hero__btn-arrow{ font-size:12px; transition:transform .25s var(--vk-easing); }
.nw-hero__btn:hover .nw-hero__btn-arrow{ transform:translateX(4px); }

/* Trust badges */
.nw-hero__badges{
    list-style:none; padding:0; margin:0 0 32px;
    display:flex; flex-wrap:wrap; gap:8px; justify-content:center;
}
.nw-hero__badges li{
    display:inline-flex; align-items:center; gap:7px;
    padding:6px 12px; border-radius:999px;
    background:rgba(255,255,255,.025); color:var(--vk-text-2);
    border:1px solid var(--vk-line);
    font-size:11.5px;
    backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px);
}
.nw-hero__badges li i{ color:var(--vk-gold); font-size:10px; }

/* Scroll cue */
.nw-hero__scroll{
    display:inline-flex; flex-direction:column; align-items:center; gap:6px;
    margin-top:8px;
    color:var(--vk-text-3);
    transition:color .25s;
}
.nw-hero__scroll:hover{ color:var(--vk-gold); }
.nw-hero__scroll-line{
    width:1px; height:24px;
    background:linear-gradient(180deg, transparent, var(--vk-gold));
    animation:vk-hero-scroll 2s ease-in-out infinite;
}
.nw-hero__scroll i{ font-size:11px; opacity:.6; }
@keyframes vk-hero-scroll{
    0%,100%{ opacity:.3; transform:scaleY(.6); }
    50%   { opacity:1;   transform:scaleY(1);   }
}
@media (prefers-reduced-motion: reduce){
    .nw-hero__scroll-line{ animation:none; }
}

/* Responsive */
@media (max-width:760px){
    .nw-hero{ padding:56px var(--vk-pad) 64px !important; }
    .nw-hero__brand-mark{ font-size:64px; margin-bottom:10px; }
    .nw-hero__eyebrow{ gap:10px; margin-bottom:18px; }
    .nw-hero__eyebrow-rule{ width:24px; }
    .nw-hero__title{ font-size:clamp(26px, 8vw, 40px) !important; margin-bottom:18px !important; }
    .nw-hero__lead{ font-size:14px !important; margin-bottom:24px !important; }
    .nw-hero__stats{ grid-template-columns:repeat(2, 1fr); }
    .nw-hero__stats li{ border-right:0; border-bottom:1px dashed rgba(255,255,255,.06); }
    .nw-hero__stats li:nth-last-child(-n+2){ border-bottom:0; }
    .nw-hero__stats li:nth-child(odd){ border-right:1px dashed rgba(255,255,255,.06); }
}
@media (max-width:420px){
    .nw-hero__cta{ flex-direction:column; width:100%; }
    .nw-hero__btn{ width:100%; justify-content:center; }
}

/* ============================================================
   FINAL CTA · logo replacements (brand monogram + title inline)
   Last in cascade — overrides earlier text-based rules.
   ============================================================ */

/* Brand panel monogram — now an img container, not text */
.vk-final__brand-monogram{
    display:inline-flex !important;
    align-items:center; justify-content:center;
    width:100% !important; max-width:200px;
    margin:0 0 8px !important;
    padding:0 !important;
    background:none !important;
    -webkit-text-fill-color:initial !important;
    color:transparent;
    font-size:0 !important; line-height:0 !important;
    filter:drop-shadow(0 0 24px rgba(245,177,0,.35));
}
.vk-final__brand-monogram img{
    width:100%; height:auto;
    max-height:60px;
    object-fit:contain;
    display:block;
}

/* Title — inline logo sits between the Bengali text */
.vk-final__title-logo{
    display:inline-block;
    height:.9em;
    width:auto;
    vertical-align:-0.05em;
    margin:0 .15em;
    filter:drop-shadow(0 0 12px rgba(245,177,0,.3));
}

@media (max-width:760px){
    .vk-final__brand-monogram{ max-width:160px; }
    .vk-final__brand-monogram img{ max-height:48px; }
    .vk-final__title-logo{ height:.85em; }
}
@media (max-width:480px){
    .vk-final__brand-monogram{ max-width:140px; }
    .vk-final__brand-monogram img{ max-height:42px; }
}

/* ============================================================
   FINAL CTA · center everything in the copy column.
   Buttons stay on the same line (do not stack at any breakpoint).
   ============================================================ */
.vk-final__copy{
    align-items:center !important;
    text-align:center !important;
}
.vk-final__eyebrow{
    justify-content:center !important;
    text-align:center !important;
}
.vk-final__title{
    text-align:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
}
.vk-final__body{
    text-align:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
}
.vk-final__actions{
    justify-content:center !important;
    flex-wrap:nowrap !important;
}
.vk-final__cta{
    flex:0 1 auto;
    min-width:0;
}
/* Override the earlier mobile rule that made buttons full-width — keep them inline */
@media (max-width:480px){
    .vk-final__cta{
        width:auto !important;
        flex:1 1 0 !important;
        padding:11px 14px !important;
        font-size:12.5px !important;
        justify-content:center;
    }
    .vk-final__cta span{
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
    }
}

/* ----------------------------------------------------------
   FINAL CTA — narrow-phone overflow lock.
   On ≤ 380 px viewports several earlier !important rules
   (brand monogram intrinsic size, actions flex-wrap:nowrap,
   button padding) push the card width past the viewport.
   Force the whole stack to ≤ 100% with min-width:0 on every
   grid/flex item, and allow buttons to stack when needed.
   ---------------------------------------------------------- */
@media (max-width:480px){
    .vk-final{ overflow:hidden; }
    .vk-final__inner{ max-width:100% !important; }
    .vk-final__card{
        width:100% !important;
        max-width:100% !important;
        grid-template-columns:minmax(0, 1fr) !important;
        min-width:0;
    }
    .vk-final__brand,
    .vk-final__copy{
        min-width:0 !important;
        max-width:100% !important;
        width:auto !important;
        padding-left:18px !important;
        padding-right:18px !important;
        box-sizing:border-box;
    }
    .vk-final__brand-monogram,
    .vk-final__brand-monogram img,
    .vk-final__title,
    .vk-final__body{
        max-width:100% !important;
    }
    /* Allow the two CTA buttons to stack when the row would overflow */
    .vk-final__actions{
        flex-wrap:wrap !important;
        width:100%;
        gap:10px !important;
    }
    .vk-final__cta{
        flex:1 1 100% !important;
        width:100% !important;
        min-width:0 !important;
    }
}
/* Mid-phone: keep CTAs inline as designer intended */
@media (min-width:381px) and (max-width:480px){
    .vk-final__actions{ flex-wrap:nowrap !important; }
    .vk-final__cta{ flex:1 1 0 !important; }
}

/* ============================================================
   ① HERO · v3 SCOREBOARD SPLIT
   Replaces the v2 centered editorial hero. Asymmetric two-column
   grid with copy + live "trust board" panel, plus top trust marquee
   and bottom districts marquee.
   Hides any leftover v1/v2 nw-hero markup so old + new can coexist
   if the template is restored later.
   ============================================================ */

/* If the legacy hero block is still on the page, hide it. */
.nw-hero{ display:none !important; }

.vk-hero2{
    position:relative;
    padding:0 0 0;
    background:
        radial-gradient(ellipse 80% 60% at 50% 0%, rgba(245,177,0,.10) 0%, transparent 55%),
        radial-gradient(ellipse 70% 50% at 50% 100%, rgba(25,90,55,.18) 0%, transparent 60%),
        linear-gradient(180deg, #06070D 0%, #0A0C16 55%, #0E1322 100%);
    overflow:hidden;
    isolation:isolate;
    color:var(--vk-text);
}
.vk-hero2::before,
.vk-hero2::after{
    content:""; position:absolute; left:0; right:0; height:1px; z-index:1;
    background:linear-gradient(90deg, transparent, rgba(245,177,0,.45) 50%, transparent);
}
.vk-hero2::before{ top:0; }
.vk-hero2::after { bottom:0; }

/* ---- Background pattern layers ---- */
.vk-hero2__bg{ position:absolute; inset:0; pointer-events:none; z-index:0; }

/* Cricket pitch perspective stripes — diagonal */
.vk-hero2__pitch{
    position:absolute; inset:-10% -5%;
    background-image:
        repeating-linear-gradient(115deg,
            rgba(245,177,0,.045) 0 1px,
            transparent 1px 64px
        );
    mask-image:radial-gradient(ellipse at 50% 40%, #000 35%, transparent 80%);
    -webkit-mask-image:radial-gradient(ellipse at 50% 40%, #000 35%, transparent 80%);
}

/* Faint horizontal grid lines */
.vk-hero2__gridline{
    position:absolute; inset:0;
    background-image:linear-gradient(180deg, transparent 49.5%, rgba(255,255,255,.035) 50%, transparent 50.5%);
    background-size:100% 96px;
    mask-image:linear-gradient(180deg, transparent 0%, #000 25%, #000 75%, transparent 100%);
    -webkit-mask-image:linear-gradient(180deg, transparent 0%, #000 25%, #000 75%, transparent 100%);
}

/* Corner spot glows */
.vk-hero2__spot{
    position:absolute; width:520px; height:520px; border-radius:50%;
    filter:blur(96px); pointer-events:none;
}
.vk-hero2__spot--l{ top:-180px; left:-160px; background:rgba(245,177,0,.20); }
.vk-hero2__spot--r{ bottom:-200px; right:-180px; background:rgba(211,32,48,.16); }

/* Animated horizontal scan beam */
.vk-hero2__sweep{
    position:absolute; left:-20%; right:-20%; top:38%; height:2px;
    background:linear-gradient(90deg, transparent, rgba(245,177,0,.55), transparent);
    filter:blur(1px);
    animation:vk-hero2-sweep 9s ease-in-out infinite;
}
@keyframes vk-hero2-sweep{
    0%   { transform:translateY(-180px); opacity:0; }
    20%  { opacity:.9; }
    80%  { opacity:.9; }
    100% { transform:translateY(180px); opacity:0; }
}

/* Subtle grain */
.vk-hero2__grain{
    position:absolute; inset:0; pointer-events:none; opacity:.05; mix-blend-mode:overlay;
    background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
    background-size:180px 180px;
}

/* ---- Top trust marquee ---- */
.vk-hero2__marquee{
    position:relative; z-index:2;
    border-bottom:1px solid rgba(245,177,0,.18);
    background:linear-gradient(180deg, rgba(245,177,0,.04), rgba(255,255,255,0));
    overflow:hidden;
    mask-image:linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
    -webkit-mask-image:linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}
.vk-hero2__marquee-track{
    display:inline-flex; align-items:center; gap:28px;
    white-space:nowrap;
    padding:11px 0;
    animation:vk-hero2-marquee 38s linear infinite;
    font-family:var(--vk-font-bn);
    font-size:12.5px;
    color:var(--vk-text-2);
}
.vk-hero2__marquee-track span{ display:inline-flex; align-items:center; gap:8px; }
.vk-hero2__marquee-track span i{ color:var(--vk-gold); font-size:11px; }
.vk-hero2__marquee-sep{ color:rgba(245,177,0,.45); font-size:9px; }
@keyframes vk-hero2-marquee{
    from{ transform:translateX(0); }
    to  { transform:translateX(-50%); }
}
@media (prefers-reduced-motion: reduce){
    .vk-hero2__marquee-track{ animation:none; }
    .vk-hero2__sweep{ animation:none; opacity:.4; }
}

/* ---- Inner two-column layout ---- */
.vk-hero2__inner{
    position:relative; z-index:2;
    max-width:var(--vk-max); margin:0 auto;
    padding:72px var(--vk-pad) 80px;
    display:grid; grid-template-columns:minmax(0, 1.15fr) minmax(0, .9fr);
    gap:56px; align-items:center;
}

/* ---- LEFT COPY ---- */
.vk-hero2__copy{ position:relative; max-width:640px; }

/* Huge outlined wordmark behind the headline */
.vk-hero2__title-bg{
    position:absolute; top:-30px; left:-8px;
    font-family:var(--vk-font-en); font-weight:800;
    font-size:clamp(120px, 18vw, 220px);
    letter-spacing:-.04em; line-height:.85;
    color:transparent;
    -webkit-text-stroke:1px rgba(245,177,0,.10);
    text-stroke:1px rgba(245,177,0,.10);
    pointer-events:none; user-select:none;
    z-index:-1; opacity:.9;
    mix-blend-mode:screen;
}

/* Status chip */
.vk-hero2__chip{
    display:inline-flex; align-items:center; gap:10px;
    padding:7px 13px 7px 11px;
    border-radius:999px;
    background:rgba(255,255,255,.04);
    border:1px solid rgba(245,177,0,.32);
    backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px);
    font-family:var(--vk-font-en); font-size:11.5px; font-weight:600;
    letter-spacing:.14em; text-transform:uppercase;
    color:var(--vk-text);
    margin-bottom:26px;
}
.vk-hero2__chip-pulse{
    width:8px; height:8px; border-radius:50%;
    background:var(--vk-red-2);
    box-shadow:0 0 0 4px rgba(255,59,71,.18);
    animation:vk-hero2-pulse 1.6s ease-in-out infinite;
}
@keyframes vk-hero2-pulse{
    0%,100%{ box-shadow:0 0 0 4px rgba(255,59,71,.16); }
    50%   { box-shadow:0 0 0 8px rgba(255,59,71,.02); }
}
.vk-hero2__chip-time{
    color:var(--vk-gold); font-family:var(--vk-font-en); font-variant-numeric:tabular-nums;
    padding-left:10px; border-left:1px solid rgba(255,255,255,.10);
    letter-spacing:.1em;
}

/* Title */
.vk-hero2__title{
    font-family:var(--vk-font-bn);
    font-size:clamp(34px, 5.6vw, 60px);
    font-weight:800;
    line-height:1.22; letter-spacing:-.02em;
    margin:0 0 22px;
    color:var(--vk-text);
    text-wrap:balance;
    /* Tail padding so the accent line (with gradient clip) has room for Bangla diacritics. */
    padding-bottom:.06em;
}
.vk-hero2__title-line{ display:block; }
.vk-hero2__title-line--accent{ padding-bottom:.05em; }
.vk-hero2__title-num{
    display:inline-block;
    font-family:var(--vk-font-en); font-weight:800;
    font-variant-numeric:tabular-nums;
    background:var(--vk-grad-gold);
    -webkit-background-clip:text; background-clip:text;
    -webkit-text-fill-color:transparent; color:transparent;
    padding:0 .08em 0 .04em;
    filter:drop-shadow(0 6px 16px rgba(245,177,0,.30));
}
.vk-hero2__title em{
    /* Keep Bengali font — Cormorant has no Bangla glyphs and forced italic clips descenders. */
    font-family:var(--vk-font-bn);
    font-style:normal; font-weight:900;
    background:var(--vk-grad-gold);
    -webkit-background-clip:text; background-clip:text;
    -webkit-text-fill-color:transparent; color:transparent;
    /* Inline-block + padding so gradient clip doesn't crop Bangla diacritics. */
    display:inline-block;
    padding:.05em .04em .18em;
    line-height:1.18;
    filter:drop-shadow(0 4px 16px rgba(245,177,0,.22));
}

/* Lead */
.vk-hero2__lead{
    font-size:clamp(14.5px, 1.5vw, 16.5px);
    line-height:1.78; color:var(--vk-text-2);
    margin:0 0 30px; max-width:560px;
    text-wrap:pretty;
}
.vk-hero2__lead strong{ color:var(--vk-text); font-weight:700; }
.vk-hero2__lead em{
    font-style:normal;
    background:var(--vk-grad-gold);
    -webkit-background-clip:text; background-clip:text;
    -webkit-text-fill-color:transparent; color:transparent;
    font-weight:700;
}

/* CTA buttons */
.vk-hero2__cta{
    display:flex; flex-wrap:wrap; gap:12px;
    margin-bottom:28px;
}
.vk-hero2__btn{
    display:inline-flex; align-items:center; gap:10px;
    padding:14px 22px; border-radius:14px;
    font-family:var(--vk-font-en); font-weight:700; font-size:14.5px;
    border:1px solid transparent;
    transition:transform .25s var(--vk-easing), box-shadow .25s, color .25s, background .25s, border-color .25s;
}
.vk-hero2__btn--primary{
    background:var(--vk-grad-gold); color:#0A0B10;
    box-shadow:
        0 18px 40px rgba(245,177,0,.32),
        inset 0 1px 0 rgba(255,255,255,.45);
}
.vk-hero2__btn--primary:hover{
    transform:translateY(-2px);
    box-shadow:
        0 26px 50px rgba(245,177,0,.42),
        inset 0 1px 0 rgba(255,255,255,.55);
}
.vk-hero2__btn--ghost{
    background:rgba(255,255,255,.03); color:var(--vk-text);
    border-color:var(--vk-line-2);
}
.vk-hero2__btn--ghost:hover{
    background:rgba(245,177,0,.06);
    border-color:var(--vk-gold); color:var(--vk-gold);
    transform:translateY(-2px);
}
.vk-hero2__btn i{ font-size:14px; }
.vk-hero2__btn-arrow{
    display:inline-block;
    font-family:var(--vk-font-en);
    transition:transform .25s var(--vk-easing);
}
.vk-hero2__btn:hover .vk-hero2__btn-arrow{ transform:translateX(4px); }

/* Quick info chips */
.vk-hero2__quick{
    list-style:none; padding:0; margin:0;
    display:flex; flex-wrap:wrap; gap:8px;
}
.vk-hero2__quick li{
    display:inline-flex; align-items:center; gap:8px;
    padding:7px 12px; border-radius:10px;
    background:rgba(255,255,255,.025);
    border:1px solid var(--vk-line);
    font-size:12px; color:var(--vk-text-2);
}
.vk-hero2__quick li i{ color:var(--vk-gold); font-size:11px; }

/* ---- RIGHT BOARD ---- */
.vk-hero2__board{
    position:relative;
    padding:24px 22px 18px;
    background:
        linear-gradient(180deg, rgba(20,23,42,.86) 0%, rgba(14,16,25,.94) 100%),
        radial-gradient(ellipse at 0% 0%, rgba(245,177,0,.06), transparent 60%);
    border:1px solid rgba(245,177,0,.22);
    border-radius:18px;
    box-shadow:
        0 30px 60px rgba(0,0,0,.55),
        inset 0 1px 0 rgba(255,255,255,.04);
    overflow:hidden;
}
.vk-hero2__board::before{
    content:""; position:absolute; left:0; right:0; top:0; height:2px;
    background:linear-gradient(90deg, transparent, var(--vk-gold), transparent);
    opacity:.7;
}
.vk-hero2__board-corner{
    position:absolute; width:14px; height:14px;
    border:1.5px solid var(--vk-gold);
    pointer-events:none; opacity:.75;
}
.vk-hero2__board-corner--tl{ top:10px; left:10px; border-right:0; border-bottom:0; border-radius:4px 0 0 0; }
.vk-hero2__board-corner--tr{ top:10px; right:10px; border-left:0;  border-bottom:0; border-radius:0 4px 0 0; }
.vk-hero2__board-corner--bl{ bottom:10px; left:10px; border-right:0; border-top:0;    border-radius:0 0 0 4px; }
.vk-hero2__board-corner--br{ bottom:10px; right:10px; border-left:0;  border-top:0;    border-radius:0 0 4px 0; }

.vk-hero2__board-head{
    display:flex; align-items:center; gap:10px;
    padding:6px 6px 16px;
    border-bottom:1px dashed rgba(255,255,255,.08);
    margin-bottom:14px;
}
.vk-hero2__board-dot{
    width:8px; height:8px; border-radius:50%;
    background:var(--vk-green);
    box-shadow:0 0 0 4px rgba(25,195,125,.18);
    animation:vk-hero2-livedot 1.8s ease-in-out infinite;
}
@keyframes vk-hero2-livedot{
    0%,100%{ box-shadow:0 0 0 4px rgba(25,195,125,.18); }
    50%   { box-shadow:0 0 0 8px rgba(25,195,125,.04); }
}
.vk-hero2__board-lbl{
    flex:1;
    font-family:var(--vk-font-en); font-size:10.5px; font-weight:600;
    letter-spacing:.22em; text-transform:uppercase;
    color:var(--vk-text-3);
}
.vk-hero2__board-time{
    font-family:var(--vk-font-en); font-variant-numeric:tabular-nums;
    font-size:12px; letter-spacing:.1em;
    color:var(--vk-gold);
    padding:3px 7px; border-radius:6px;
    background:rgba(245,177,0,.08);
    border:1px solid rgba(245,177,0,.22);
}

.vk-hero2__board-list{
    list-style:none; padding:0; margin:0;
    display:flex; flex-direction:column; gap:12px;
}
.vk-hero2__board-row{
    --fill:80%;
    position:relative;
    padding:11px 12px 14px;
    border-radius:12px;
    background:rgba(255,255,255,.025);
    border:1px solid var(--vk-line);
    display:grid; grid-template-columns:1fr auto; gap:6px 12px;
    align-items:center;
}
.vk-hero2__board-key{
    display:inline-flex; align-items:center; gap:9px;
    font-size:12.5px; color:var(--vk-text-2);
}
.vk-hero2__board-key i{
    width:22px; height:22px; border-radius:6px;
    display:inline-flex; align-items:center; justify-content:center;
    background:rgba(245,177,0,.10); color:var(--vk-gold);
    font-size:10px;
}
.vk-hero2__board-val{
    font-family:var(--vk-font-en); font-weight:800;
    font-size:22px; line-height:1;
    background:var(--vk-grad-gold);
    -webkit-background-clip:text; background-clip:text;
    -webkit-text-fill-color:transparent; color:transparent;
    font-variant-numeric:tabular-nums;
}
.vk-hero2__board-val em{
    font-style:normal; font-weight:700;
    font-size:13px;
    -webkit-text-fill-color:initial; color:var(--vk-text-3);
    margin-left:2px;
    background:none;
}
.vk-hero2__board-bar{
    grid-column:1 / -1;
    height:3px; border-radius:3px;
    background:rgba(255,255,255,.05);
    overflow:hidden;
    margin-top:4px;
}
.vk-hero2__board-bar > span{
    display:block; height:100%; width:var(--fill);
    background:var(--vk-grad-gold);
    box-shadow:0 0 12px rgba(245,177,0,.55);
    border-radius:3px;
    animation:vk-hero2-bar 1.6s var(--vk-easing) .2s both;
    transform-origin:left;
}
@keyframes vk-hero2-bar{
    from{ transform:scaleX(0); }
    to  { transform:scaleX(1); }
}

.vk-hero2__board-foot{
    display:flex; align-items:center; justify-content:space-between;
    gap:10px; margin-top:16px; padding-top:14px;
    border-top:1px dashed rgba(255,255,255,.08);
}
.vk-hero2__board-status{
    display:inline-flex; align-items:center; gap:8px;
    font-size:12px; color:var(--vk-text-2);
}
.vk-hero2__board-status-pulse{
    width:7px; height:7px; border-radius:50%;
    background:var(--vk-green);
    box-shadow:0 0 0 3px rgba(25,195,125,.18);
}
.vk-hero2__board-link{
    display:inline-flex; align-items:center; gap:6px;
    font-family:var(--vk-font-en); font-size:11.5px; font-weight:600;
    letter-spacing:.08em; text-transform:uppercase;
    color:var(--vk-gold);
    padding:6px 10px; border-radius:8px;
    background:rgba(245,177,0,.08);
    border:1px solid rgba(245,177,0,.22);
    transition:background .2s, color .2s, transform .2s;
}
.vk-hero2__board-link:hover{
    background:rgba(245,177,0,.16);
    transform:translateY(1px);
}

/* ---- Bottom districts marquee ---- */
.vk-hero2__districts{
    position:relative; z-index:2;
    padding:10px 0;
    border-top:1px solid rgba(245,177,0,.18);
    background:linear-gradient(180deg, rgba(255,255,255,0), rgba(245,177,0,.04));
    overflow:hidden;
    mask-image:linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
    -webkit-mask-image:linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
}
.vk-hero2__districts-track{
    display:inline-flex; gap:0;
    white-space:nowrap;
    animation:vk-hero2-marquee 45s linear infinite reverse;
}
.vk-hero2__districts-item{
    display:inline-flex; align-items:center; gap:8px;
    padding:6px 18px;
    font-family:var(--vk-font-bn);
    font-size:12.5px; color:var(--vk-text-3);
    border-right:1px dashed rgba(255,255,255,.07);
}
.vk-hero2__districts-item i{
    color:var(--vk-gold); font-size:10px; opacity:.7;
}

/* ---- Responsive ---- */
@media (max-width:980px){
    .vk-hero2__inner{
        grid-template-columns:1fr;
        gap:32px;
        padding:56px var(--vk-pad) 60px;
    }
    .vk-hero2__title-bg{ font-size:clamp(96px, 22vw, 160px); top:-22px; }
}
@media (max-width:560px){
    .vk-hero2__inner{ padding:44px var(--vk-pad) 48px; gap:26px; }
    .vk-hero2__title-bg{ display:none; }
    /* Center every block inside the hero copy column on mobile. */
    .vk-hero2__copy{ text-align:center; margin-left:auto; margin-right:auto; }
    .vk-hero2__cta{ justify-content:center; }
    .vk-hero2__quick{ justify-content:center; }
    /* Center the LIVE status chip (and its inner text) on the hero column. */
    .vk-hero2__chip{
        display:flex !important;       /* override inline-flex so margin:auto centers it */
        width:fit-content;
        max-width:100%;
        margin-left:auto !important;
        margin-right:auto !important;
        flex-wrap:wrap;
        gap:8px;
        padding:6px 14px;
        justify-content:center;
        text-align:center;
    }
    .vk-hero2__chip-pulse{ order:1; }
    .vk-hero2__chip-txt{
        order:2;
        flex:1 0 100%;
        text-align:center;
    }
    .vk-hero2__chip-time{
        order:3;
        border-left:0;
        padding-left:0;
    }
    .vk-hero2__title{ font-size:clamp(26px, 8vw, 38px); margin-bottom:18px; }
    .vk-hero2__lead{ font-size:14px; margin-bottom:22px; }
    .vk-hero2__cta{ flex-direction:column; }
    .vk-hero2__btn{ width:100%; justify-content:center; }
    .vk-hero2__board{ padding:20px 16px 14px; }
    .vk-hero2__board-val{ font-size:19px; }
    .vk-hero2__marquee-track{ font-size:11.5px; gap:22px; }
    .vk-hero2__districts-item{ font-size:11.5px; padding:6px 14px; }
}

/* ============================================================
   GLOBAL <em> BANGLA SAFETY — must remain last in cascade.
   ------------------------------------------------------------
   Earlier rules force Cormorant Garamond (var(--vk-font-it)) +
   italic on every <em>. That serif has no Bangla glyphs, so the
   browser falls back and italic skew + tight line-height clips
   below-baseline marks ( ্য ু ূ ৃ ্র দাড়ি "।" ). Where the parent
   also applies background-clip:text gradient, the clip mask gets
   cropped by the box-model's bottom edge, producing the visible
   "cut" on Bengali em accents across the page.
   This block normalizes all em accents to the inherited Bangla
   font, drops italic (Bangla has no italic), and gives a small
   bottom pad so gradient-clipped glyphs render fully.
   ============================================================ */
body.vk em{
    font-family:inherit;
    font-style:normal;
    font-weight:700;
    letter-spacing:0;
    color:var(--vk-gold);
    /* gradient-clip / italic side-effects often crop Bangla descenders */
    -webkit-text-fill-color:currentColor;
}

/* Section-head accents — Bangla emphasis with gradient gold + clip safety. */
.vk-sec-head__title em,
.vk-providers__title em,
.nw-hero__title em,
.vk-hero2__title em,
.vk-final__title em,
.nw-cta-band__title em,
.vk-hero2__lead em{
    font-family:inherit !important;
    font-style:normal !important;
    font-weight:800 !important;
    letter-spacing:0 !important;
    display:inline-block;
    padding:.04em .06em .18em;
    line-height:1.22;
    background:var(--vk-grad-gold);
    -webkit-background-clip:text; background-clip:text;
    -webkit-text-fill-color:transparent; color:transparent;
}

/* Titles housing those accents — give the row room for descenders. */
.vk-sec-head__title,
.vk-providers__title,
.vk-hero2__title,
.vk-final__title,
.nw-cta-band__title{
    line-height:1.28;
    padding-bottom:.08em;
}

/* Stat-suffix ems inside the trust board are NOT typographic accents
   ("+", " / ৬৪", " মিনিট", "%") — keep them muted and inline. */
.vk-hero2__board-val em{
    font-family:inherit !important;
    font-style:normal !important;
    font-weight:700 !important;
    display:inline !important;
    padding:0 !important;
    line-height:inherit !important;
    background:none !important;
    -webkit-background-clip:initial !important; background-clip:initial !important;
    -webkit-text-fill-color:initial !important;
    color:var(--vk-text-3) !important;
    font-size:13px;
    letter-spacing:0 !important;
}

/* Decorative serif quote watermarks render the literal '"' glyph,
   not Bangla — leave their italic serif font intact. */
.vk-voices__card::before,
.vk-voices__qmark{
    /* (intentionally untouched) */
}

/* ============================================================
   GLOBAL BUTTON TEXT-CONTRAST FIX
   ------------------------------------------------------------
   body.vk a { color:inherit } and body.vk button { color:inherit }
   have specificity (0,1,2) which beats any single-class .vk-btn
   color declaration. The result: every gold-gradient button shows
   off-white text on gold ≈ unreadable. Force readable text colors
   on every primary/whatsapp/ghost button variant site-wide.
   ============================================================ */

/* Gold-gradient buttons → DARK readable text */
.vk-hero2__btn--primary,
.vk-hero2__btn--primary span,
.vk-hero2__btn--primary i,
.vk-btn--primary,
.vk-btn--primary span,
.nw-hero__btn--primary,
.nw-hero__btn--primary span,
.vk-final__cta--primary,
.vk-final__cta--primary span,
.vk-pagecta__buttons .vk-btn--primary,
.vk-pagecta__buttons .vk-btn--primary span{
    color:#0A0B10 !important;
}

/* Route-card CTA — gold text on dark glass at rest, dark text on
   gold gradient only when the parent card is hovered. */
.vk-card--agent .vk-card__cta,
.vk-card--agent .vk-card__cta span,
.vk-card--agent .vk-card__cta svg{
    color:var(--vk-gold) !important;
}
.vk-card--agent:hover .vk-card__cta,
.vk-card--agent:hover .vk-card__cta span,
.vk-card--agent:hover .vk-card__cta svg{
    color:#0A0B10 !important;
}

/* The trust-board link sits on the DARK trust-board panel, not on gold —
   needs gold text, not dark. Restore the original gold styling. */
.vk-hero2__board-link,
.vk-hero2__board-link span,
.vk-hero2__board-link i{
    color:var(--vk-gold) !important;
}
.vk-hero2__board-link{
    display:inline-flex !important;
    align-items:center; gap:6px;
    padding:7px 12px !important;
    border-radius:10px !important;
    background:linear-gradient(180deg, rgba(245,177,0,.16), rgba(245,177,0,.06)) !important;
    border:1px solid rgba(245,177,0,.4) !important;
    font-family:var(--vk-font-en);
    font-size:11.5px; font-weight:700 !important;
    letter-spacing:.1em;
    text-transform:uppercase;
    text-decoration:none;
    line-height:1;
    transition:background .25s, border-color .25s, transform .2s;
}
.vk-hero2__board-link:hover,
.vk-hero2__board-link:focus-visible{
    background:linear-gradient(180deg, rgba(245,177,0,.28), rgba(245,177,0,.12)) !important;
    border-color:rgba(245,177,0,.65) !important;
    transform:translateY(-1px);
}
.vk-hero2__board-link span{
    font-family:var(--vk-font-bn);
    text-transform:none;
    letter-spacing:.01em;
    font-size:12px;
}
.vk-hero2__board-link i{
    font-size:10px;
    transition:transform .25s var(--vk-easing);
}
.vk-hero2__board-link:hover i{
    transform:translateY(2px);
}
.vk-hero2__btn--primary:hover,
.vk-btn--primary:hover,
.nw-hero__btn--primary:hover,
.vk-final__cta--primary:hover{
    color:#0A0B10 !important;
}
/* Gold-pill text weight bump for clarity on gradient backgrounds */
.vk-hero2__btn--primary,
.vk-btn--primary,
.nw-hero__btn--primary,
.vk-final__cta--primary,
.vk-pagecta__buttons .vk-btn--primary{
    font-weight:800 !important;
    letter-spacing:.005em;
    text-shadow:0 1px 0 rgba(255,255,255,.18); /* embossed feel */
}

/* WhatsApp-green buttons → WHITE readable text */
.vk-btn--whatsapp,
.vk-btn--whatsapp span,
.vk-btn--whatsapp i,
.vk-pagecta__buttons .vk-btn--whatsapp,
.vk-pagecta__buttons .vk-btn--whatsapp span,
.nw-cta-band__btn,
.nw-cta-band__btn span,
.nw-cta-band__btn i,
.vk-post__share-buttons .vk-btn--whatsapp,
.velki-agent-card .whatsapp-message-btn,
.velki-agent-card .messenger-message-btn,
.vk-pp__btn--wa,
.vk-pp__btn--msg{
    color:#fff !important;
    font-weight:700 !important;
}

/* Ghost / outline buttons — bright readable foreground */
.vk-hero2__btn--ghost,
.vk-hero2__btn--ghost span,
.vk-hero2__btn--ghost i,
.vk-btn--ghost,
.vk-btn--ghost span,
.nw-hero__btn--ghost,
.nw-hero__btn--ghost span,
.vk-final__cta--ghost,
.vk-final__cta--ghost span{
    color:var(--vk-text) !important;
    font-weight:700 !important;
}
.vk-hero2__btn--ghost:hover,
.vk-hero2__btn--ghost:hover span,
.vk-btn--ghost:hover,
.vk-btn--ghost:hover span,
.nw-hero__btn--ghost:hover,
.nw-hero__btn--ghost:hover span,
.vk-final__cta--ghost:hover,
.vk-final__cta--ghost:hover span{
    color:var(--vk-gold) !important;
}

/* Hero CTA buttons — slight upgrade so the gold pill reads as a
   premium, tactile call-to-action with proper depth. */
.vk-hero2__btn{
    font-size:14px !important;
    min-height:46px;
    padding:13px 22px !important;
}
.vk-hero2__btn--primary{
    box-shadow:
        0 18px 36px rgba(245,177,0,.4),
        0 4px 10px rgba(245,177,0,.25),
        inset 0 1px 0 rgba(255,255,255,.55),
        inset 0 -1px 0 rgba(0,0,0,.18) !important;
}
.vk-hero2__btn--primary:hover{
    box-shadow:
        0 24px 48px rgba(245,177,0,.55),
        0 6px 14px rgba(245,177,0,.35),
        inset 0 1px 0 rgba(255,255,255,.65),
        inset 0 -1px 0 rgba(0,0,0,.18) !important;
}
.vk-hero2__btn--ghost{
    background:rgba(255,255,255,.04) !important;
    border:1px solid var(--vk-line-2) !important;
    backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px);
}
.vk-hero2__btn--ghost:hover{
    background:rgba(245,177,0,.10) !important;
    border-color:rgba(245,177,0,.5) !important;
}
.vk-hero2__btn-arrow{ font-weight:800; }

/* Final-CTA buttons (home page) and pagecta CTAs share these */
.vk-final__cta,
.vk-pagecta__buttons .vk-btn{
    font-size:14px !important;
    font-weight:800 !important;
    letter-spacing:.005em;
}

/* Agent group card CTA — keep dark text on gold gradient when hovered */
.vk-tabs__group:hover .vk-tabs__group-cta,
.vk-tabs__group:hover .vk-tabs__group-cta span,
.vk-tabs__group:hover .vk-tabs__group-cta i{
    color:#0A0B10 !important;
}

/* Live odds CTA in footer band */
.vk-live__cta,
.vk-live__cta span{
    color:#0A0B10 !important;
    font-weight:800 !important;
}

/* Search hint chips (kept gold) — make sure gold text stays gold */
.nw-search__hint a,
.nw-search__hint a span,
.nw-search__hint a i{ color:var(--vk-gold) !important; }
.nw-search__hint a:hover,
.nw-search__hint a:hover span,
.nw-search__hint a:hover i{ color:var(--vk-gold-2) !important; }

/* ============================================================
   PROVIDERS · IMAGE-DOMINANT CARD — universal layout.
   ------------------------------------------------------------
   Every viewport now uses the vertical image-led tile so the
   imported artwork (Aviator, Evolution, Sexy Baccarat, etc.)
   reads at full visual weight — including on phones, where the
   compact horizontal pill was previously shown.
   ============================================================ */
.vk-providers__track{ gap:16px; }

.vk-providers__card{
    flex-direction:column;
    align-items:stretch;
    gap:0;
    min-width:212px; max-width:212px;
    min-height:auto;
    padding:0;
    border-radius:18px;
    overflow:hidden;
}
.vk-providers__card.has-logo{ padding-left:0; }

/* Image takes the top ~140px, edge-to-edge. */
.vk-providers__card-logo{
    width:100%;
    height:148px;
    padding:0;
    border-radius:0;
    background:
        radial-gradient(ellipse at center, rgba(255,255,255,.06) 0%, rgba(0,0,0,.25) 100%),
        linear-gradient(180deg, #15182A 0%, #0B0D17 100%);
    box-shadow:none;
    overflow:hidden;
}
.vk-providers__card-logo::before{
    /* Brand-tinted vignette */
    content:""; position:absolute; inset:0;
    background:radial-gradient(ellipse at center, color-mix(in srgb, var(--tint, #F5B100) 22%, transparent) 0%, transparent 65%);
    border-radius:0;
    pointer-events:none;
    z-index:0;
}
.vk-providers__card-logo img{
    position:relative; z-index:1;
    max-width:100%; max-height:100%;
    width:100%; height:100%;
    object-fit:cover; object-position:center;
    filter:saturate(.96) brightness(.94);
    transition:transform .45s var(--vk-easing), filter .25s;
}
.vk-providers__card:hover .vk-providers__card-logo img{
    transform:scale(1.06);
    filter:saturate(1.08) brightness(1.04);
}

/* Caption strip at the bottom — centered name + small role. */
.vk-providers__card-body{
    padding:12px 14px 14px;
    align-items:center;
    text-align:center;
    gap:3px;
    position:relative;
}
.vk-providers__card-body::before{
    content:""; position:absolute; top:0; left:50%; transform:translateX(-50%);
    width:32px; height:2px; border-radius:2px;
    background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--tint, #F5B100) 80%, transparent), transparent);
    opacity:0; transition:opacity .25s, width .25s;
}
.vk-providers__card:hover .vk-providers__card-body::before{
    opacity:1; width:52px;
}
.vk-providers__card-body b{
    font-size:13.5px; margin-bottom:1px;
    text-align:center; max-width:180px;
}
.vk-providers__card-body span{ font-size:10px; }

/* Verified tick → floating badge on the image corner. */
.vk-providers__card-tick{
    position:absolute; top:10px; right:10px;
    z-index:2;
    width:22px; height:22px;
    font-size:10.5px;
    background:rgba(25,195,125,.95);
    color:#fff;
    box-shadow:
        0 4px 10px rgba(0,0,0,.5),
        0 0 0 2px rgba(255,255,255,.08);
}

/* Brand-tint under-glow sits behind the caption. */
.vk-providers__card-glow{
    left:-10%; right:-10%;
    top:auto; bottom:-20%;
    height:50%;
    opacity:.22;
}
.vk-providers__card:hover .vk-providers__card-glow{ opacity:.42; }
.vk-providers__rail{ padding:8px 0; }

/* Larger screens — fractionally bigger cards. */
@media (min-width:1280px){
    .vk-providers__card{ min-width:228px; max-width:228px; }
    .vk-providers__card-logo{ height:158px; }
}

/* Phones — slightly smaller cards so 2 full cards fit per viewport-row. */
@media (max-width:560px){
    .vk-providers__track{ gap:12px; }
    .vk-providers__card{
        min-width:168px; max-width:168px;
        border-radius:14px;
    }
    .vk-providers__card-logo{ height:118px; }
    .vk-providers__card-body{ padding:10px 10px 11px; gap:2px; }
    .vk-providers__card-body b{ font-size:12px; }
    .vk-providers__card-body span{ font-size:9px; }
    .vk-providers__card-tick{
        width:20px; height:20px; font-size:9px;
        top:7px; right:7px;
    }
}
@media (max-width:380px){
    .vk-providers__card{ min-width:152px; max-width:152px; }
    .vk-providers__card-logo{ height:108px; }
}

/* ============================================================
   PROVIDERS · LIVE-PLAYERS PILL
   Small social-proof badge ("৪২৩ খেলছেন") on every provider card.
   ------------------------------------------------------------
   Default layout (mobile/tablet horizontal pill card) — the pill
   sits inline at the right of the body, before the verified tick.
   Desktop layout (≥980px image-led) — the pill floats over the
   bottom-left of the artwork as a glassy chip.
   ============================================================ */
.vk-providers__card-live{
    display:inline-flex; align-items:center; gap:6px;
    padding:5px 10px 5px 8px;
    border-radius:999px;
    background:rgba(0,0,0,.55);
    border:1px solid rgba(25,195,125,.45);
    color:var(--vk-text);
    font-size:11px; line-height:1;
    font-variant-numeric:tabular-nums;
    backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px);
    box-shadow:
        0 6px 14px rgba(0,0,0,.4),
        inset 0 1px 0 rgba(255,255,255,.05);
    white-space:nowrap;
    flex-shrink:0;
}
.vk-providers__card-live-dot{
    width:7px; height:7px; border-radius:50%;
    background:var(--vk-green);
    box-shadow:0 0 0 3px rgba(25,195,125,.18), 0 0 8px rgba(25,195,125,.6);
    animation:vk-prov-live 1.6s ease-in-out infinite;
    flex-shrink:0;
}
@keyframes vk-prov-live{
    0%,100%{ box-shadow:0 0 0 3px rgba(25,195,125,.18), 0 0 8px rgba(25,195,125,.6); }
    50%   { box-shadow:0 0 0 6px rgba(25,195,125,.04), 0 0 14px rgba(25,195,125,.9); }
}
.vk-providers__card-live i{
    color:var(--vk-green); font-size:10px;
}
.vk-providers__card-live b{
    font-family:var(--vk-font-bn);
    font-weight:700; color:var(--vk-text);
    font-size:11.5px;
}
.vk-providers__card-live span{
    color:var(--vk-text-3); font-size:10px;
    font-weight:500;
}
@media (prefers-reduced-motion: reduce){
    .vk-providers__card-live-dot{ animation:none; }
}

/* Image-led card (now universal) — float the live pill over the artwork top-left. */
.vk-providers__card{ position:relative; }
.vk-providers__card-live{
    position:absolute;
    top:10px; left:10px;
    z-index:2;
    padding:5px 10px 5px 8px;
    background:rgba(8,10,18,.72);
    border-color:rgba(25,195,125,.55);
    box-shadow:
        0 6px 16px rgba(0,0,0,.55),
        inset 0 1px 0 rgba(255,255,255,.06);
}
.vk-providers__card-live b{ font-size:11.5px; }
.vk-providers__card-live span{ font-size:9.5px; letter-spacing:.01em; }

/* Phones — shrink the floating pill so it doesn't crowd a 168 px card. */
@media (max-width:560px){
    .vk-providers__card-live{
        top:7px; left:7px;
        padding:3px 7px 3px 6px;
        gap:4px;
        font-size:10px;
    }
    .vk-providers__card-live-dot{ width:6px; height:6px; }
    .vk-providers__card-live b{ font-size:10.5px; }
    .vk-providers__card-live span{ display:none; } /* tight pill on phones */
    .vk-providers__card-live i{ font-size:9px; }
}

/* Extra-small screens — drop the icon to keep the floating pill tiny. */
@media (max-width:380px){
    .vk-providers__card-live i{ display:none; }
    .vk-providers__card-live{ padding:3px 6px; gap:3px; }
}

/* ============================================================
   ④ LIVE ODDS · ALL SPORTS — replaces the old banner slider.
   ------------------------------------------------------------
   Premium card-based live feed. Each row is its own glass card
   with a sport-color edge accent, stake-volume distribution bar,
   live bettor count and animated BACK / LAY price boxes.
   Animations: pulsing live dots, sport-color hover trails, price
   flash up/down (green/red glow), HOT badge rotation, sweep beam
   across the section, sheen ribbon over the card.
   ============================================================ */
.vk-live{
    --vk-sport-Cricket: #fcd34d;
    --vk-sport-Soccer:  #86efac;
    --vk-sport-Tennis:  #fda4af;
    --vk-sport-Kabaddi: #c4b5fd;

    position:relative;
    padding:64px var(--vk-pad);
    background:
        radial-gradient(ellipse 60% 50% at 50% 0%, rgba(245,177,0,.06) 0%, transparent 60%),
        linear-gradient(180deg, #07080F 0%, #0A0C16 100%);
    overflow:hidden;
    isolation:isolate;
    color:var(--vk-text);
}
.vk-live::before,
.vk-live::after{
    content:""; position:absolute; left:0; right:0; height:1px; z-index:1;
    background:linear-gradient(90deg, transparent, rgba(245,177,0,.4) 50%, transparent);
}
.vk-live::before{ top:0; }
.vk-live::after { bottom:0; }

/* ---- Background layers ---- */
.vk-live__bg{ position:absolute; inset:0; pointer-events:none; z-index:0; }
.vk-live__bg-mesh{
    position:absolute; inset:0;
    background-image:
        linear-gradient(90deg, transparent 49.5%, rgba(245,177,0,.045) 50%, transparent 50.5%),
        linear-gradient(180deg, transparent 49.5%, rgba(245,177,0,.045) 50%, transparent 50.5%);
    background-size:64px 64px;
    mask-image:radial-gradient(ellipse at center, #000 30%, transparent 75%);
    -webkit-mask-image:radial-gradient(ellipse at center, #000 30%, transparent 75%);
    opacity:.5;
}
.vk-live__bg-glow{
    position:absolute; width:520px; height:520px; border-radius:50%;
    filter:blur(96px); pointer-events:none;
}
.vk-live__bg-glow--l{ top:-180px; left:-160px; background:rgba(245,177,0,.18); }
.vk-live__bg-glow--r{ bottom:-180px; right:-160px; background:rgba(255,59,71,.14); }
.vk-live__bg-scan{
    position:absolute; left:-20%; right:-20%; top:38%; height:2px;
    background:linear-gradient(90deg, transparent, rgba(245,177,0,.6), transparent);
    filter:blur(1px);
    animation:vk-live-scan 10s ease-in-out infinite;
}
@keyframes vk-live-scan{
    0%   { transform:translateY(-180px); opacity:0; }
    20%  { opacity:.9; }
    80%  { opacity:.9; }
    100% { transform:translateY(180px); opacity:0; }
}
.vk-live__bg-grain{
    position:absolute; inset:0; pointer-events:none; opacity:.05; mix-blend-mode:overlay;
    background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
    background-size:180px 180px;
}

.vk-live__inner{
    position:relative; z-index:2;
    max-width:var(--vk-max); margin:0 auto;
}

/* ---- Header ---- */
.vk-live__head{
    display:flex; align-items:center; gap:14px; flex-wrap:wrap;
    margin-bottom:18px;
}
.vk-live__pulse{
    display:inline-flex; align-items:center; gap:8px;
    padding:6px 12px;
    border-radius:999px;
    background:linear-gradient(180deg, rgba(248,113,113,.24), rgba(248,113,113,.08));
    border:1px solid rgba(248,113,113,.5);
    color:#fecaca;
    font-family:var(--vk-font-en); font-size:11px; font-weight:800;
    letter-spacing:.18em; text-transform:uppercase;
    line-height:1;
}
.vk-live__pulse-dot{
    width:7px; height:7px; border-radius:50%;
    background:#ef4444;
    box-shadow:0 0 0 0 rgba(239,68,68,.7), 0 0 10px #ef4444;
    animation:vk-live-pulse 1.4s infinite;
}
@keyframes vk-live-pulse{
    0%   { box-shadow:0 0 0 0 rgba(239,68,68,.7),  0 0 10px #ef4444; }
    70%  { box-shadow:0 0 0 9px rgba(239,68,68,0), 0 0 10px #ef4444; }
    100% { box-shadow:0 0 0 0 rgba(239,68,68,0),    0 0 10px #ef4444; }
}
.vk-live__title-wrap{ flex:1 1 auto; min-width:0; }
.vk-live__title{
    margin:0;
    font-family:var(--vk-font-en);
    font-size:clamp(20px, 2.6vw, 30px);
    font-weight:800;
    color:#fff;
    letter-spacing:-.01em;
    line-height:1.2;
    text-shadow:0 1px 0 rgba(0,0,0,.4);
}
.vk-live__title em{
    font-family:var(--vk-font-en) !important;
    font-style:normal !important;
    font-weight:900 !important;
    background:linear-gradient(90deg, #ffd966, #f5b500 50%, #c98800);
    -webkit-background-clip:text; background-clip:text;
    -webkit-text-fill-color:transparent; color:transparent;
    padding:0 .04em .14em !important;
    line-height:1.2 !important;
}
.vk-live__title-sub{
    margin:4px 0 0;
    font-family:var(--vk-font-bn);
    font-size:13px;
    color:var(--vk-text-3);
    letter-spacing:.01em;
}
.vk-live__updated{
    display:inline-flex; align-items:center; gap:5px;
    padding:5px 11px;
    border-radius:999px;
    background:rgba(255,255,255,.03);
    border:1px solid rgba(255,255,255,.08);
    color:var(--vk-text-3);
    font-family:var(--vk-font-en);
    font-size:11px;
    font-variant-numeric:tabular-nums;
    line-height:1.2;
}
.vk-live__updated i{ color:var(--vk-gold); font-size:10px; }
.vk-live__updated b{
    color:var(--vk-gold);
    font-weight:800;
    min-width:1ch; text-align:right;
}

/* ---- Sport filter tabs ---- */
.vk-live__tabs{
    display:flex; flex-wrap:wrap; gap:6px;
    padding:6px;
    background:rgba(255,255,255,.025);
    border:1px solid var(--vk-line);
    border-radius:14px;
    margin-bottom:16px;
}
.vk-live__tab{
    display:inline-flex; align-items:center; gap:7px;
    padding:8px 14px;
    border-radius:10px;
    background:transparent;
    color:var(--vk-text-2);
    font-family:var(--vk-font-en); font-weight:600; font-size:13px;
    border:0;
    cursor:pointer;
    transition:background .2s, color .2s, transform .2s;
    line-height:1;
}
.vk-live__tab i{ font-size:12px; opacity:.7; }
.vk-live__tab em{
    font-style:normal;
    font-size:10.5px;
    padding:2px 7px;
    margin-left:2px;
    border-radius:999px;
    background:rgba(245,177,0,.18);
    color:var(--vk-gold);
    font-weight:800;
}
.vk-live__tab:hover{
    color:var(--vk-text);
    background:rgba(255,255,255,.04);
}
.vk-live__tab.is-active{
    background:linear-gradient(180deg, rgba(245,177,0,.22), rgba(245,177,0,.08));
    color:var(--vk-gold);
    border:1px solid rgba(245,177,0,.42);
    box-shadow:0 6px 14px -8px rgba(245,177,0,.5);
}
.vk-live__tab.is-active i{ opacity:1; }

/* ---- List + Row cards ---- */
.vk-live__list{
    display:grid; gap:8px;
    grid-template-columns:1fr;
}
.vk-live__row{
    position:relative;
    display:grid;
    grid-template-columns:1fr 260px;
    gap:14px;
    padding:10px 14px 10px 16px;
    border-radius:12px;
    background:
        linear-gradient(135deg, rgba(255,255,255,.04) 0%, rgba(255,255,255,.01) 60%),
        linear-gradient(180deg, rgba(20,23,42,.86) 0%, rgba(11,13,23,.94) 100%);
    border:1px solid var(--vk-line);
    backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px);
    box-shadow:
        0 10px 24px -20px rgba(0,0,0,.6),
        inset 0 1px 0 rgba(255,255,255,.04);
    transition:opacity .35s var(--vk-easing), transform .35s var(--vk-easing), border-color .25s, box-shadow .25s;
    overflow:hidden;
    align-items:center;
}
.vk-live__row:hover{
    border-color:rgba(245,177,0,.28);
    box-shadow:
        0 18px 40px -16px rgba(245,177,0,.18),
        0 14px 36px -22px rgba(0,0,0,.7),
        inset 0 1px 0 rgba(255,255,255,.06);
    transform:translateY(-1px);
}
.vk-live__row.is-swap{
    opacity:0;
    transform:translateY(-6px);
}
.vk-live__row.is-hidden{ display:none; }

/* Sport-color left edge accent */
.vk-live__row-edge{
    position:absolute; left:0; top:8px; bottom:8px;
    width:3px; border-radius:0 3px 3px 0;
    background:rgba(245,177,0,.35);
    box-shadow:0 0 10px rgba(245,177,0,.35);
    transition:background .25s, box-shadow .25s;
}
.vk-live__row[data-sport="Cricket"] .vk-live__row-edge{ background:linear-gradient(180deg, var(--vk-sport-Cricket), rgba(252,211,77,.2)); box-shadow:0 0 12px rgba(252,211,77,.4); }
.vk-live__row[data-sport="Soccer"]  .vk-live__row-edge{ background:linear-gradient(180deg, var(--vk-sport-Soccer),  rgba(134,239,172,.2)); box-shadow:0 0 12px rgba(134,239,172,.4); }
.vk-live__row[data-sport="Tennis"]  .vk-live__row-edge{ background:linear-gradient(180deg, var(--vk-sport-Tennis),  rgba(253,164,175,.2)); box-shadow:0 0 12px rgba(253,164,175,.4); }
.vk-live__row[data-sport="Kabaddi"] .vk-live__row-edge{ background:linear-gradient(180deg, var(--vk-sport-Kabaddi), rgba(196,181,253,.2)); box-shadow:0 0 12px rgba(196,181,253,.4); }

/* HOT badge — top-right, only visible when .is-hot */
.vk-live__hot-badge{
    position:absolute; top:10px; right:10px;
    display:inline-flex; align-items:center; gap:5px;
    padding:4px 9px;
    border-radius:999px;
    background:linear-gradient(135deg, #ff7a18, #ff3b47);
    color:#fff;
    font-family:var(--vk-font-en); font-size:10px; font-weight:800;
    letter-spacing:.16em; text-transform:uppercase;
    box-shadow:0 6px 18px rgba(255,59,71,.55), inset 0 1px 0 rgba(255,255,255,.3);
    opacity:0; transform:translateY(-4px) scale(.9);
    transition:opacity .3s, transform .3s;
    z-index:3;
    pointer-events:none;
}
.vk-live__hot-badge i{
    font-size:10px;
    animation:vk-live-flame .9s ease-in-out infinite alternate;
    filter:drop-shadow(0 0 4px rgba(255,200,80,.8));
}
@keyframes vk-live-flame{
    0%{ transform:translateY(0) scale(1); }
    100%{ transform:translateY(-1px) scale(1.08); }
}
.vk-live__row.is-hot .vk-live__hot-badge{ opacity:1; transform:translateY(0) scale(1); }
.vk-live__row.is-hot{
    border-color:rgba(255,59,71,.32);
    box-shadow:
        0 18px 40px -18px rgba(255,59,71,.28),
        0 14px 36px -22px rgba(0,0,0,.7),
        inset 0 1px 0 rgba(255,255,255,.04);
}

/* ---- Row main column ---- */
.vk-live__main{ display:flex; flex-direction:column; gap:4px; min-width:0; }
.vk-live__top{
    display:flex; align-items:center; gap:8px;
    flex-wrap:wrap;
}
.vk-live__sport-tag{
    display:inline-flex; align-items:center; gap:5px;
    padding:3px 9px;
    border-radius:999px;
    font-family:var(--vk-font-en); font-size:10px; font-weight:800;
    letter-spacing:.08em; text-transform:uppercase;
    line-height:1.4;
    border:1px solid rgba(255,255,255,.1);
    background:rgba(255,255,255,.03);
    color:var(--vk-text-2);
}
.vk-live__sport-tag i{ font-size:9px; opacity:.85; }
.vk-live__sport-tag[data-vk-sport="Cricket"]{ color:var(--vk-sport-Cricket); border-color:rgba(252,211,77,.32); background:rgba(252,211,77,.08); }
.vk-live__sport-tag[data-vk-sport="Soccer"] { color:var(--vk-sport-Soccer);  border-color:rgba(134,239,172,.32); background:rgba(134,239,172,.08); }
.vk-live__sport-tag[data-vk-sport="Tennis"] { color:var(--vk-sport-Tennis);  border-color:rgba(253,164,175,.32); background:rgba(253,164,175,.08); }
.vk-live__sport-tag[data-vk-sport="Kabaddi"]{ color:var(--vk-sport-Kabaddi); border-color:rgba(196,181,253,.32); background:rgba(196,181,253,.08); }

.vk-live__league{
    margin:0;
    font-size:10.5px; color:var(--vk-text-3);
    font-family:var(--vk-font-bn);
    letter-spacing:.005em;
    white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
    max-width:100%;
}
.vk-live__name{
    margin:1px 0 0;
    font-size:14px; font-weight:700;
    color:#fff;
    line-height:1.2;
    letter-spacing:.005em;
}
.vk-live__meta{
    display:flex; align-items:center; gap:12px;
    flex-wrap:wrap;
    font-size:11px;
    margin-top:1px;
}
.vk-live__status{
    display:inline-flex; align-items:center; gap:6px;
    color:var(--vk-text);
    font-variant-numeric:tabular-nums;
    font-weight:600;
}
.vk-live__live-dot{
    width:6px; height:6px; border-radius:50%;
    background:#34d399;
    box-shadow:0 0 6px #34d399, 0 0 0 3px rgba(52,211,153,.18);
    animation:vk-live-blink 1.6s ease-in-out infinite;
}
@keyframes vk-live-blink{
    0%,100%{ opacity:1; }
    50%   { opacity:.35; }
}
.vk-live__bettors{
    display:inline-flex; align-items:center; gap:5px;
    color:var(--vk-text-3);
}
.vk-live__bettors i{ color:var(--vk-gold); font-size:11px; }
.vk-live__bettors b{
    color:var(--vk-text);
    font-family:var(--vk-font-bn);
    font-weight:700;
    font-variant-numeric:tabular-nums;
}

/* Volume distribution bar (Back vs Lay) */
.vk-live__volume{
    display:flex; align-items:center; gap:2px;
    height:10px;
    margin-top:3px;
    border-radius:5px;
    overflow:hidden;
    background:rgba(0,0,0,.25);
    border:1px solid rgba(255,255,255,.05);
}
.vk-live__volume-back,
.vk-live__volume-lay{
    position:relative;
    height:100%;
    width:var(--w, 50%);
    transition:width .8s var(--vk-easing);
    display:flex; align-items:center; justify-content:center;
    font-family:var(--vk-font-en);
    font-size:8px; font-weight:700;
    letter-spacing:.02em;
    overflow:hidden;
}
.vk-live__volume-back em,
.vk-live__volume-lay em{ display:none; } /* labels removed at slim height */
.vk-live__volume-back{
    background:linear-gradient(90deg, rgba(143,206,245,.35) 0%, rgba(74,150,204,.6) 100%);
    color:#dff1ff;
}
.vk-live__volume-lay{
    background:linear-gradient(90deg, rgba(241,149,172,.6) 0%, rgba(253,190,206,.35) 100%);
    color:#3a0c19;
}
.vk-live__volume-back em,
.vk-live__volume-lay em{
    font-style:normal; line-height:1;
    text-shadow:0 1px 0 rgba(0,0,0,.18);
}

/* ---- Odds column (Back / Lay) ---- */
.vk-live__odds{
    display:grid; grid-template-columns:1fr 1fr;
    gap:6px;
}
.vk-live__bet{
    position:relative;
    display:flex; flex-direction:column; align-items:center; justify-content:center;
    height:46px;
    padding:4px 6px;
    border-radius:8px;
    text-decoration:none;
    cursor:pointer;
    transition:transform .18s var(--vk-easing), box-shadow .18s, filter .18s;
    box-shadow:
        0 2px 0 rgba(0,0,0,.18),
        0 4px 10px -4px rgba(0,0,0,.4);
    overflow:hidden;
    isolation:isolate;
}
.vk-live__bet::before{
    content:""; position:absolute; inset:0;
    background:linear-gradient(180deg, rgba(255,255,255,.32), transparent 50%);
    pointer-events:none;
    z-index:0;
}
.vk-live__bet:hover{
    transform:translateY(-2px);
    filter:brightness(1.08);
    box-shadow:
        0 4px 0 rgba(0,0,0,.2),
        0 10px 22px -6px rgba(0,0,0,.55);
}
.vk-live__bet--back{
    background:linear-gradient(180deg, #8FCEF5 0%, #5AAEDD 60%, #4596CC 100%);
    color:#062340;
}
.vk-live__bet--lay{
    background:linear-gradient(180deg, #FDBECE 0%, #F195AC 60%, #E07F98 100%);
    color:#3a0c19;
}
.vk-live__bet-lbl{
    position:relative; z-index:1;
    font-family:var(--vk-font-en);
    font-size:8px; font-weight:800;
    letter-spacing:.14em; text-transform:uppercase;
    opacity:.78;
    line-height:1;
}
.vk-live__bet-price{
    position:relative; z-index:1;
    font-family:var(--vk-font-en); font-weight:800;
    font-size:15px;
    line-height:1.05;
    font-variant-numeric:tabular-nums;
    letter-spacing:-.01em;
    text-shadow:0 1px 0 rgba(255,255,255,.25);
    margin-top:1px;
}
.vk-live__bet-stake{
    position:relative; z-index:1;
    font-family:var(--vk-font-bn);
    font-size:8.5px; font-weight:700;
    opacity:.74;
    line-height:1.05;
    margin-top:1px;
    font-variant-numeric:tabular-nums;
}
.vk-live__bet-arrow{
    position:absolute; top:5px; right:6px;
    z-index:2;
    font-size:9px; font-weight:800;
    opacity:0; transform:translateY(-2px);
    transition:opacity .25s, transform .25s;
}
.vk-live__bet.is-up .vk-live__bet-arrow{ opacity:.95; transform:translateY(0); color:#065f46; }
.vk-live__bet.is-down .vk-live__bet-arrow{ opacity:.95; transform:translateY(0); color:#7f1d1d; }

/* Flash up/down — animated halo */
.vk-live__bet.is-up{ animation:vk-live-flashup .9s ease; }
.vk-live__bet.is-down{ animation:vk-live-flashdown .9s ease; }
@keyframes vk-live-flashup{
    0%   { box-shadow:0 0 0 0 rgba(52,211,153,0),  0 2px 0 rgba(0,0,0,.18), 0 6px 14px -6px rgba(0,0,0,.4); }
    30%  { box-shadow:0 0 0 3px rgba(52,211,153,.85), 0 0 22px 4px rgba(52,211,153,.7); }
    100% { box-shadow:0 0 0 0 rgba(52,211,153,0),  0 2px 0 rgba(0,0,0,.18), 0 6px 14px -6px rgba(0,0,0,.4); }
}
@keyframes vk-live-flashdown{
    0%   { box-shadow:0 0 0 0 rgba(248,113,113,0), 0 2px 0 rgba(0,0,0,.18), 0 6px 14px -6px rgba(0,0,0,.4); }
    30%  { box-shadow:0 0 0 3px rgba(248,113,113,.85), 0 0 22px 4px rgba(248,113,113,.7); }
    100% { box-shadow:0 0 0 0 rgba(248,113,113,0), 0 2px 0 rgba(0,0,0,.18), 0 6px 14px -6px rgba(0,0,0,.4); }
}

/* Spark particle trail — radial flash on change */
.vk-live__bet-spark{
    position:absolute; left:50%; top:50%;
    width:6px; height:6px; border-radius:50%;
    background:radial-gradient(circle, #fff 0%, rgba(255,255,255,0) 70%);
    transform:translate(-50%,-50%) scale(0);
    opacity:0;
    pointer-events:none;
    z-index:3;
}
.vk-live__bet.is-up   .vk-live__bet-spark{ animation:vk-live-spark .65s ease-out; background:radial-gradient(circle, #6ee7b7 0%, rgba(110,231,183,0) 70%); }
.vk-live__bet.is-down .vk-live__bet-spark{ animation:vk-live-spark .65s ease-out; background:radial-gradient(circle, #fda4af 0%, rgba(253,164,175,0) 70%); }
@keyframes vk-live-spark{
    0%   { transform:translate(-50%,-50%) scale(0); opacity:.9; }
    100% { transform:translate(-50%,-50%) scale(14); opacity:0; }
}

/* ---- Footer ---- */
.vk-live__foot{
    display:flex; align-items:center; justify-content:space-between;
    gap:12px; flex-wrap:wrap;
    margin-top:16px;
    padding:14px 18px;
    border-radius:14px;
    background:linear-gradient(180deg, rgba(245,177,0,.04), rgba(255,255,255,.01));
    border:1px solid rgba(245,177,0,.18);
}
.vk-live__total{
    display:inline-flex; align-items:center; gap:8px; flex-wrap:wrap;
    font-size:13px;
    color:var(--vk-text-2);
}
.vk-live__total > i{ color:var(--vk-gold); font-size:14px; }
.vk-live__total-lbl{ font-family:var(--vk-font-bn); }
.vk-live__total b{
    font-family:var(--vk-font-en); font-weight:800;
    font-size:18px;
    background:var(--vk-grad-gold);
    -webkit-background-clip:text; background-clip:text;
    -webkit-text-fill-color:transparent; color:transparent;
    font-variant-numeric:tabular-nums;
    letter-spacing:-.01em;
}
.vk-live__total-trend{
    display:inline-flex; align-items:center; gap:4px;
    padding:3px 8px;
    border-radius:999px;
    background:rgba(25,195,125,.12);
    color:var(--vk-green);
    font-family:var(--vk-font-en); font-size:10.5px; font-weight:700;
    letter-spacing:.04em;
}
.vk-live__cta{
    display:inline-flex; align-items:center; gap:8px;
    padding:11px 18px;
    border-radius:11px;
    background:var(--vk-grad-gold);
    color:#0A0B10;
    font-family:var(--vk-font-en); font-weight:800; font-size:13px;
    letter-spacing:.01em;
    box-shadow:
        0 14px 28px rgba(245,177,0,.32),
        inset 0 1px 0 rgba(255,255,255,.4);
    transition:transform .22s var(--vk-easing), box-shadow .22s;
}
.vk-live__cta span{ font-family:var(--vk-font-bn); }
.vk-live__cta:hover{
    transform:translateY(-2px);
    box-shadow:
        0 22px 38px rgba(245,177,0,.42),
        inset 0 1px 0 rgba(255,255,255,.5);
}
.vk-live__cta i{ transition:transform .22s var(--vk-easing); }
.vk-live__cta:hover i{ transform:translateX(3px); }

@media (prefers-reduced-motion: reduce){
    .vk-live__bg-scan,
    .vk-live__pulse-dot,
    .vk-live__live-dot,
    .vk-live__hot-badge i,
    .vk-live__bet.is-up,
    .vk-live__bet.is-down,
    .vk-live__bet-spark{ animation:none !important; }
}

/* ---- Responsive ---- */
@media (max-width:860px){
    .vk-live{ padding:48px var(--vk-pad) 56px; }
    .vk-live__row{
        grid-template-columns:1fr;
        gap:10px;
        padding:10px 12px 10px 14px;
    }
    .vk-live__odds{ grid-template-columns:1fr 1fr; }
    .vk-live__bet{ height:48px; }
    .vk-live__bet-price{ font-size:15px; }
    .vk-live__head{ gap:10px; }
    .vk-live__title{ font-size:18px; }
    .vk-live__title-sub{ font-size:12px; }
    .vk-live__tab{ padding:7px 11px; font-size:12px; }
    .vk-live__tab span{ display:inline; }
}

@media (max-width:520px){
    .vk-live{ padding:40px var(--vk-pad) 48px; }
    .vk-live__updated{ order:2; margin-left:auto; }
    .vk-live__title-wrap{ flex:1 1 100%; order:3; margin-top:6px; }
    .vk-live__name{ font-size:13.5px; }
    .vk-live__meta{ gap:10px; font-size:10.5px; }
    .vk-live__bet{ height:46px; }
    .vk-live__bet-price{ font-size:14.5px; }
    .vk-live__bet-stake{ font-size:8px; }
    .vk-live__tab i{ font-size:11px; }
    .vk-live__tab span{ display:none; }
    .vk-live__tab[data-filter="all"] span{ display:inline; }
    .vk-live__foot{ flex-direction:column; align-items:stretch; gap:10px; }
    .vk-live__cta{ justify-content:center; }
    .vk-live__total{ justify-content:center; text-align:center; }
}

/* ============================================================
   ⑥ AGENTS TAB · GROUP CARDS
   ------------------------------------------------------------
   Replaces the per-agent thumbnail grid with 4 tier cards
   (Master / Super / Site Admin / Sub Agent). Each card has a
   themed tint, mesh grid, glow, icon, count and arrow CTA.
   ============================================================ */
.vk-tabs__groups{
    --gap: 18px;
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:var(--gap);
    margin:20px 0 26px;
}
.vk-tabs__group{
    --tint: #F5B100;
    --tint-soft: rgba(245,177,0,.14);
    --tint-deep: rgba(245,177,0,.28);
    position:relative; isolation:isolate;
    display:flex; flex-direction:column;
    gap:14px;
    padding:22px 20px 18px;
    min-height:240px;
    border-radius:18px;
    background:
        linear-gradient(160deg, color-mix(in srgb, var(--tint) 14%, transparent) 0%, transparent 55%),
        linear-gradient(180deg, rgba(20,23,42,.92) 0%, rgba(11,13,23,.96) 100%);
    border:1px solid color-mix(in srgb, var(--tint) 22%, var(--vk-line-2));
    box-shadow:
        0 18px 40px -22px rgba(0,0,0,.65),
        inset 0 1px 0 rgba(255,255,255,.04);
    text-decoration:none;
    color:var(--vk-text);
    overflow:hidden;
    transition:transform .3s var(--vk-easing), border-color .25s, box-shadow .3s;
}
.vk-tabs__group:hover{
    transform:translateY(-4px);
    border-color:color-mix(in srgb, var(--tint) 55%, transparent);
    box-shadow:
        0 28px 56px -22px color-mix(in srgb, var(--tint) 35%, transparent),
        0 18px 40px -22px rgba(0,0,0,.65),
        inset 0 1px 0 rgba(255,255,255,.06);
}

/* Theme tints */
.vk-tabs__group--master{ --tint:#F5B100; --tint-soft:rgba(245,177,0,.16);  --tint-deep:rgba(245,177,0,.32); }
.vk-tabs__group--super { --tint:#4D8DFF; --tint-soft:rgba(77,141,255,.16); --tint-deep:rgba(77,141,255,.32); }
.vk-tabs__group--site  { --tint:#19C37D; --tint-soft:rgba(25,195,125,.16); --tint-deep:rgba(25,195,125,.32); }
.vk-tabs__group--sub   { --tint:#9B5DE5; --tint-soft:rgba(155,93,229,.16); --tint-deep:rgba(155,93,229,.32); }

/* Decorative glow blob in bottom corner */
.vk-tabs__group-glow{
    position:absolute; bottom:-60px; right:-40px;
    width:200px; height:200px;
    border-radius:50%;
    background:radial-gradient(circle, var(--tint-deep) 0%, transparent 70%);
    filter:blur(36px);
    opacity:.7;
    pointer-events:none;
    z-index:0;
    transition:opacity .35s, transform .35s;
}
.vk-tabs__group:hover .vk-tabs__group-glow{
    opacity:1;
    transform:translate(-10px, -10px) scale(1.1);
}

/* Faint grid mesh overlay */
.vk-tabs__group-grid{
    position:absolute; inset:0;
    background-image:
        linear-gradient(90deg, transparent 49.5%, color-mix(in srgb, var(--tint) 18%, transparent) 50%, transparent 50.5%),
        linear-gradient(180deg, transparent 49.5%, color-mix(in srgb, var(--tint) 18%, transparent) 50%, transparent 50.5%);
    background-size:32px 32px;
    mask-image:radial-gradient(ellipse at 100% 0%, #000, transparent 70%);
    -webkit-mask-image:radial-gradient(ellipse at 100% 0%, #000, transparent 70%);
    opacity:.5;
    pointer-events:none;
    z-index:0;
}

/* Card head */
.vk-tabs__group-head{
    position:relative; z-index:1;
    display:flex; align-items:center; justify-content:space-between;
    gap:10px;
}
.vk-tabs__group-icon{
    display:inline-flex; align-items:center; justify-content:center;
    width:54px; height:54px;
    border-radius:14px;
    background:linear-gradient(135deg, var(--tint) 0%, color-mix(in srgb, var(--tint) 60%, #000) 100%);
    color:#0A0B10;
    font-size:22px;
    box-shadow:
        0 10px 22px -6px color-mix(in srgb, var(--tint) 50%, transparent),
        inset 0 1px 0 rgba(255,255,255,.35),
        inset 0 -1px 0 rgba(0,0,0,.2);
    transition:transform .35s var(--vk-easing);
}
.vk-tabs__group:hover .vk-tabs__group-icon{
    transform:rotate(-6deg) scale(1.05);
}
.vk-tabs__group-tier{
    display:inline-flex; align-items:center; gap:6px;
    padding:5px 11px;
    border-radius:999px;
    background:var(--tint-soft);
    border:1px solid color-mix(in srgb, var(--tint) 38%, transparent);
    color:var(--tint);
    font-family:var(--vk-font-en);
    font-size:10.5px; font-weight:700;
    letter-spacing:.1em; text-transform:uppercase;
    line-height:1;
}
.vk-tabs__group-tier-dot{
    width:6px; height:6px; border-radius:50%;
    background:var(--tint);
    box-shadow:0 0 0 3px color-mix(in srgb, var(--tint) 22%, transparent);
    animation:vk-tier-pulse 1.8s ease-in-out infinite;
}
@keyframes vk-tier-pulse{
    0%,100%{ box-shadow:0 0 0 3px color-mix(in srgb, var(--tint) 22%, transparent); }
    50%   { box-shadow:0 0 0 6px color-mix(in srgb, var(--tint)  5%, transparent); }
}

/* Body */
.vk-tabs__group-body{
    position:relative; z-index:1;
    flex:1; min-width:0;
    display:flex; flex-direction:column; gap:6px;
}
.vk-tabs__group-title{
    margin:0;
    font-size:20px; font-weight:800;
    color:#fff;
    line-height:1.25;
    letter-spacing:.005em;
}
.vk-tabs__group-desc{
    margin:0;
    font-size:13px;
    color:var(--vk-text-2);
    line-height:1.55;
}

/* Footer — count + CTA */
.vk-tabs__group-foot{
    position:relative; z-index:1;
    display:flex; align-items:center; justify-content:space-between;
    gap:12px;
    padding-top:14px;
    border-top:1px dashed rgba(255,255,255,.08);
}
.vk-tabs__group-count{
    display:inline-flex; align-items:baseline; gap:5px;
    font-family:var(--vk-font-bn);
    color:var(--vk-text-3);
    font-size:12px;
}
.vk-tabs__group-count b{
    font-family:var(--vk-font-en); font-weight:800;
    font-size:20px;
    line-height:1;
    background:linear-gradient(180deg, color-mix(in srgb, var(--tint) 90%, #fff), var(--tint));
    -webkit-background-clip:text; background-clip:text;
    -webkit-text-fill-color:transparent; color:transparent;
    font-variant-numeric:tabular-nums;
}
.vk-tabs__group-cta{
    display:inline-flex; align-items:center; gap:6px;
    padding:7px 12px;
    border-radius:10px;
    background:var(--tint-soft);
    border:1px solid color-mix(in srgb, var(--tint) 30%, transparent);
    color:var(--tint);
    font-family:var(--vk-font-en);
    font-size:12px; font-weight:700;
    letter-spacing:.04em; text-transform:uppercase;
    line-height:1;
    transition:background .25s, padding .25s, color .25s;
}
.vk-tabs__group-cta span{ font-family:var(--vk-font-bn); text-transform:none; letter-spacing:0; font-weight:600; }
.vk-tabs__group-cta i{ font-size:11px; transition:transform .25s var(--vk-easing); }
.vk-tabs__group:hover .vk-tabs__group-cta{
    background:linear-gradient(135deg, var(--tint), color-mix(in srgb, var(--tint) 65%, #000));
    color:#0A0B10;
    border-color:transparent;
    padding-right:16px;
}
.vk-tabs__group:hover .vk-tabs__group-cta i{ transform:translateX(3px); }

@media (prefers-reduced-motion: reduce){
    .vk-tabs__group-tier-dot{ animation:none; }
    .vk-tabs__group:hover{ transform:none; }
    .vk-tabs__group:hover .vk-tabs__group-icon,
    .vk-tabs__group:hover .vk-tabs__group-glow{ transform:none; }
}

/* Responsive */
@media (max-width:1060px){
    .vk-tabs__groups{ grid-template-columns:repeat(2, 1fr); }
}
@media (max-width:560px){
    .vk-tabs__groups{ grid-template-columns:1fr; gap:14px; }
    .vk-tabs__group{ min-height:auto; padding:18px 16px 14px; }
    .vk-tabs__group-icon{ width:46px; height:46px; font-size:18px; border-radius:12px; }
    .vk-tabs__group-title{ font-size:17px; }
    .vk-tabs__group-desc{ font-size:12.5px; }
    .vk-tabs__group-count b{ font-size:18px; }
}

/* ============================================================
   AGENT PAGES · STADIUM NIGHT REDESIGN
   ------------------------------------------------------------
   Applies to all 4 agent-list pages (master/super/admin/sub-admin)
   which share `template-agent-list.php`. Layered as overrides
   on top of velki.css so the markup stays unchanged.
   ============================================================ */

/* Reveal-on-scroll fallback. home.js's IntersectionObserver isn't
   loaded on inner pages, so [data-reveal] elements would stay at
   opacity:0; transform:translateY(18px) forever. Force them visible
   inside our redesigned sections. */
.vk-pagehero [data-reveal],
.vk-pagelist [data-reveal],
.vk-pagefeatures [data-reveal],
.vk-pagecta [data-reveal],
.vk-how [data-reveal],
.vk-how[data-reveal],
.vk-agents [data-reveal],
.vk-agents[data-reveal],
.vk-contact [data-reveal],
.vk-contact[data-reveal],
.vk-steps [data-reveal],
.vk-steps > [data-reveal],
.vk-grid-cards [data-reveal],
.vk-contact__grid [data-reveal],
.vk-faq [data-reveal],
.vk-faq[data-reveal],
.vk-faq__list [data-reveal],
.vk-blog [data-reveal],
.vk-blog[data-reveal],
.vk-blog__grid [data-reveal],
.vk-post [data-reveal],
.vk-post[data-reveal],
.vk-post__hero-inner[data-reveal],
.vk-post__related [data-reveal]{
    opacity:1 !important;
    transform:none !important;
}

/* Full-bleed: velki.css clamps inner pages to `body.vk:not(.vk-home) #vk-main {
   max-width: var(--max); margin: 0 auto; padding: var(--s-6) var(--pad); }`.
   That gutters the agent pages to ~1200 px with auto-margins, while the home
   page renders edge-to-edge. Release any page that contains our redesigned
   .vk-pagehero so it matches the home layout. */
body.vk #vk-main:has(.vk-pagehero){
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    width:100% !important;
}

/* ----------- ① PAGE HERO — ultra-slim profile ----------- */
.vk-pagehero{
    position:relative !important;
    padding:22px var(--vk-pad) 20px !important;
    background:
        radial-gradient(ellipse 60% 50% at 50% 0%, rgba(245,177,0,.10) 0%, transparent 60%),
        linear-gradient(180deg, #06070D 0%, #0A0C16 60%, #0E1322 100%) !important;
    overflow:hidden;
    isolation:isolate;
    color:var(--vk-text);
    border-bottom:1px solid rgba(245,177,0,.18);
}
/* Stats strip hidden per design — keep just title + lead + trust chips */
.vk-pagehero__stats{ display:none !important; }
/* Top + bottom gold rules */
.vk-pagehero::before,
.vk-pagehero::after{
    content:""; position:absolute; left:0; right:0; height:1px; z-index:1;
    background:linear-gradient(90deg, transparent, rgba(245,177,0,.4) 50%, transparent);
}
.vk-pagehero::before{ top:0; }
.vk-pagehero::after { bottom:0; }

/* Background layers: corner glows + diagonal pitch lines + scan beam + grain */
.vk-pagehero__bg{
    position:absolute !important; inset:0 !important;
    pointer-events:none; z-index:0;
    overflow:hidden;
}
.vk-pagehero__bg::before,
.vk-pagehero__bg::after{
    content:""; position:absolute;
    width:520px; height:520px; border-radius:50%;
    filter:blur(96px); pointer-events:none;
}
.vk-pagehero__bg::before{ top:-180px; left:-160px; background:rgba(245,177,0,.20); }
.vk-pagehero__bg::after { bottom:-180px; right:-160px; background:rgba(211,32,48,.14); }

/* Mesh grid overlay using inner orbs */
.vk-pagehero .vk-orb{
    position:absolute; pointer-events:none;
}
.vk-pagehero .vk-orb--cta-a{
    inset:0;
    background-image:
        linear-gradient(90deg, transparent 49.5%, rgba(245,177,0,.04) 50%, transparent 50.5%),
        linear-gradient(180deg, transparent 49.5%, rgba(245,177,0,.04) 50%, transparent 50.5%);
    background-size:80px 80px;
    mask-image:radial-gradient(ellipse at center, #000 25%, transparent 75%);
    -webkit-mask-image:radial-gradient(ellipse at center, #000 25%, transparent 75%);
    opacity:.5;
}
.vk-pagehero .vk-orb--cta-b{
    left:-20%; right:-20%; top:38%; height:2px;
    background:linear-gradient(90deg, transparent, rgba(245,177,0,.55), transparent);
    filter:blur(1px);
    animation:vk-pagehero-sweep 11s ease-in-out infinite;
}
@keyframes vk-pagehero-sweep{
    0%   { transform:translateY(-180px); opacity:0; }
    20%  { opacity:.9; }
    80%  { opacity:.9; }
    100% { transform:translateY(180px); opacity:0; }
}
@media (prefers-reduced-motion: reduce){
    .vk-pagehero .vk-orb--cta-b{ animation:none; opacity:.4; }
}

.vk-pagehero__inner{
    position:relative !important; z-index:2 !important;
    max-width:920px; margin:0 auto;
    text-align:center;
    display:flex; flex-direction:column; align-items:center;
}

/* Breadcrumb — gold pill chain (slim) */
.vk-breadcrumb{
    display:inline-flex; align-items:center; gap:6px;
    padding:2px 9px;
    border-radius:999px;
    background:rgba(255,255,255,.03);
    border:1px solid var(--vk-line);
    color:var(--vk-text-3);
    font-family:var(--vk-font-bn); font-size:10.5px;
    margin:0 auto 6px;
}
.vk-breadcrumb a{
    color:var(--vk-gold);
    transition:opacity .2s;
}
.vk-breadcrumb a:hover{ opacity:.8; }
.vk-breadcrumb svg{ color:var(--vk-text-3); opacity:.6; }
.vk-breadcrumb span{ color:var(--vk-text); font-weight:600; }

/* Eyebrow — shield-icon pill (slim) */
.vk-pagehero .vk-eyebrow,
.vk-pagehero .vk-eyebrow--shield{
    display:inline-flex; align-items:center; gap:5px;
    padding:3px 10px 3px 9px;
    border-radius:999px;
    background:linear-gradient(180deg, rgba(245,177,0,.22), rgba(245,177,0,.08));
    border:1px solid rgba(245,177,0,.4);
    color:var(--vk-gold);
    font-family:var(--vk-font-en); font-size:9.5px; font-weight:700;
    letter-spacing:.14em; text-transform:uppercase;
    margin:0 auto 8px;
    line-height:1;
}
.vk-pagehero .vk-eyebrow svg{
    color:var(--vk-gold);
    filter:drop-shadow(0 0 4px rgba(245,177,0,.5));
}

/* Title — bold Bengali (ultra-slim) */
.vk-pagehero__title{
    font-family:var(--vk-font-bn) !important;
    font-size:clamp(22px, 3.4vw, 32px) !important;
    font-weight:800 !important;
    line-height:1.2 !important;
    letter-spacing:-.02em !important;
    margin:0 0 6px !important;
    color:var(--vk-text);
    text-wrap:balance;
    padding-bottom:.06em;
}
.vk-pagehero__title em{
    font-family:var(--vk-font-bn) !important;
    font-style:normal !important;
    font-weight:900 !important;
    background:var(--vk-grad-gold);
    -webkit-background-clip:text; background-clip:text;
    -webkit-text-fill-color:transparent; color:transparent !important;
    display:inline-block;
    padding:.04em .04em .18em;
    line-height:1.22;
    filter:drop-shadow(0 4px 16px rgba(245,177,0,.22));
}

/* Lead (ultra-slim) */
.vk-pagehero__lead,
.vk-pagehero .vk-lead{
    font-size:clamp(12.5px, 1.15vw, 13.5px) !important;
    color:var(--vk-text-2);
    line-height:1.5;
    max-width:540px;
    margin:0 auto 10px;
    text-wrap:pretty;
    text-align:center;
}

/* Stats strip — 4-up gold-tinted connected glass (slim) */
.vk-pagehero__stats{
    list-style:none; padding:0; margin:0 auto 14px;
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    width:100%; max-width:640px;
    background:
        linear-gradient(180deg, rgba(245,177,0,.04), transparent),
        rgba(255,255,255,.015);
    border:1px solid rgba(245,177,0,.22);
    border-radius:14px;
    overflow:hidden;
}
.vk-pagehero__stats li{
    padding:12px 6px;
    display:flex; flex-direction:column; align-items:center; justify-content:center;
    text-align:center;
    border-right:1px dashed rgba(255,255,255,.06);
    gap:4px;
    min-height:64px;
}
.vk-pagehero__stats li:last-child{ border-right:0; }
.vk-pagehero__stat-num{
    display:inline-block;
    font-family:var(--vk-font-en); font-weight:800; font-size:17px;
    /* Drop background-clip:text gradient — its mask was cropping the
       hook on Bangla numerals like ৭ ৪ even with extra padding.
       Use solid gold + subtle text-shadow for the same premium feel. */
    color:var(--vk-gold) !important;
    background:none !important;
    -webkit-background-clip:initial !important; background-clip:initial !important;
    -webkit-text-fill-color:currentColor !important;
    text-shadow:
        0 1px 0 rgba(0,0,0,.5),
        0 0 12px rgba(245,177,0,.35);
    line-height:1.4;
    padding:2px 4px 4px;
    margin-bottom:0;
    font-variant-numeric:tabular-nums;
    overflow:visible;
}
.vk-pagehero__stat-lbl{
    font-size:10px; color:var(--vk-text-3);
    font-family:var(--vk-font-bn);
    line-height:1.3;
}

/* Trust chips (ultra-slim) */
.vk-pagehero__assure{
    list-style:none; padding:0;
    margin:0 auto;
    display:flex; flex-wrap:wrap; gap:5px;
    justify-content:center;
    max-width:680px;
}
.vk-pagehero__assure li{
    display:inline-flex; align-items:center; gap:4px;
    padding:3px 9px; border-radius:999px;
    background:rgba(255,255,255,.025);
    color:var(--vk-text-2);
    border:1px solid var(--vk-line);
    font-size:10px;
    font-family:var(--vk-font-bn);
    backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px);
}
.vk-pagehero__assure li svg{ color:var(--vk-gold); width:10px; height:10px; }

/* Section heads above lists/features — hidden per design (user request).
   Saves vertical space; section content is already self-explanatory. */
.vk-pagelist .vk-section__head,
.vk-pagefeatures .vk-section__head,
.vk-pagecta .vk-section__head{ display:none !important; }

/* Onboarding (/new-account-open-bd/) and Support templates use vk-how,
   vk-agents, vk-contact sections — keep their section heads visible
   since they're meaningful. Apply Stadium Night styling to match. */
.vk-how .vk-section__head,
.vk-agents .vk-section__head,
.vk-contact .vk-section__head{
    max-width:760px;
    margin:0 auto 28px;
    text-align:center;
}
.vk-how .vk-eyebrow,
.vk-agents .vk-eyebrow,
.vk-contact .vk-eyebrow,
.vk-pagehero__lead .vk-eyebrow{
    display:inline-flex; align-items:center; gap:8px;
    padding:5px 12px;
    border-radius:999px;
    background:rgba(245,177,0,.10);
    border:1px solid rgba(245,177,0,.28);
    color:var(--vk-gold);
    font-family:var(--vk-font-en); font-size:10.5px; font-weight:700;
    letter-spacing:.18em; text-transform:uppercase;
    margin-bottom:14px;
    line-height:1;
}
.vk-how .vk-h2,
.vk-agents .vk-h2,
.vk-contact .vk-h2{
    font-family:var(--vk-font-bn) !important;
    font-size:clamp(24px, 3.8vw, 36px) !important;
    font-weight:800 !important;
    line-height:1.25 !important;
    margin:0 0 12px !important;
    color:var(--vk-text);
    text-align:center;
    text-wrap:balance;
}
.vk-how .vk-h2 em,
.vk-agents .vk-h2 em,
.vk-contact .vk-h2 em{
    font-family:var(--vk-font-bn) !important;
    font-style:normal !important;
    font-weight:900 !important;
    background:var(--vk-grad-gold);
    -webkit-background-clip:text; background-clip:text;
    -webkit-text-fill-color:transparent; color:transparent !important;
    display:inline-block;
    padding:.04em .04em .14em;
    line-height:1.22;
}
.vk-how .vk-lead,
.vk-agents .vk-lead,
.vk-contact .vk-lead{
    font-size:14.5px !important;
    color:var(--vk-text-2);
    line-height:1.65;
    max-width:560px;
    margin:0 auto !important;
    text-align:center;
}

/* Section wrappers — release any inner-page width clamps */
.vk-how,
.vk-agents,
.vk-contact{
    max-width:none !important;
    padding:64px var(--vk-pad) !important;
    background:
        radial-gradient(ellipse 80% 50% at 50% 0%, rgba(245,177,0,.04) 0%, transparent 60%),
        var(--vk-bg) !important;
    position:relative;
}

/* ----------- ⑥ ONBOARDING — 4-step process (.vk-steps) ----------- */
.vk-steps{
    list-style:none; padding:0; margin:0 auto;
    max-width:var(--vk-max);
    display:grid !important;
    grid-template-columns:repeat(auto-fit, minmax(220px, 1fr)) !important;
    gap:18px !important;
    counter-reset:vk-step;
    position:relative;
}
.vk-step{
    position:relative;
    padding:24px 22px 20px !important;
    background:
        linear-gradient(160deg, rgba(245,177,0,.06), transparent 50%),
        linear-gradient(180deg, rgba(20,23,42,.92), rgba(11,13,23,.96)) !important;
    border:1px solid rgba(245,177,0,.18) !important;
    border-radius:16px !important;
    overflow:hidden;
    isolation:isolate;
    transition:transform .35s var(--vk-easing), border-color .3s, box-shadow .3s;
}
.vk-step:hover{
    transform:translateY(-4px);
    border-color:rgba(245,177,0,.45) !important;
    box-shadow:
        0 24px 56px -22px rgba(245,177,0,.22),
        0 14px 36px -20px rgba(0,0,0,.65);
}
/* Step number — large solid gold (gradient-clip cropped Bangla diacritics) */
.vk-step__num{
    display:block !important;
    font-family:var(--vk-font-bn) !important;
    font-weight:900 !important;
    font-size:42px !important;
    line-height:1.2 !important;
    color:var(--vk-gold) !important;
    background:none !important;
    -webkit-background-clip:initial !important; background-clip:initial !important;
    -webkit-text-fill-color:currentColor !important;
    margin-bottom:10px !important;
    font-variant-numeric:tabular-nums;
    text-shadow:
        0 1px 0 rgba(0,0,0,.5),
        0 0 16px rgba(245,177,0,.35);
}
.vk-step__title{
    margin:0 0 6px !important;
    font-family:var(--vk-font-bn) !important;
    font-size:17px !important; font-weight:800 !important;
    color:#fff !important;
    line-height:1.3;
}
.vk-step__desc{
    margin:0 !important;
    font-family:var(--vk-font-bn);
    font-size:13.5px !important;
    color:var(--vk-text-2) !important;
    line-height:1.65 !important;
}
/* Gold dashed connector between cards (≥4 columns only) */
.vk-steps__line{ display:none; }

@media (max-width:720px){
    .vk-steps{ grid-template-columns:1fr !important; gap:12px !important; }
    .vk-step{ padding:18px 18px 16px !important; }
    .vk-step__num{ font-size:34px !important; margin-bottom:10px !important; }
    .vk-step__title{ font-size:15.5px !important; }
    .vk-step__desc{ font-size:12.5px !important; }
}

/* ----------- ⑦ ROUTE / CHANNEL CARDS (.vk-card--agent) ----------- */
.vk-grid-cards.vk-agents__grid{
    max-width:var(--vk-max);
    margin:0 auto;
    display:grid !important;
    grid-template-columns:repeat(auto-fit, minmax(260px, 1fr)) !important;
    gap:18px !important;
}
.vk-card--agent{
    position:relative; isolation:isolate;
    display:flex; flex-direction:column;
    padding:26px 24px 22px !important;
    background:
        linear-gradient(160deg, rgba(245,177,0,.10), transparent 55%),
        linear-gradient(180deg, rgba(20,23,42,.92), rgba(11,13,23,.96)) !important;
    border:1px solid var(--vk-line-2) !important;
    border-radius:18px !important;
    overflow:hidden;
    color:var(--vk-text);
    text-decoration:none;
    min-height:240px;
    box-shadow:
        0 18px 40px -22px rgba(0,0,0,.65),
        inset 0 1px 0 rgba(255,255,255,.04);
    transition:transform .35s var(--vk-easing), border-color .3s, box-shadow .35s;
}
.vk-card--agent:hover{
    transform:translateY(-4px);
    border-color:rgba(245,177,0,.45) !important;
    box-shadow:
        0 28px 60px -22px rgba(245,177,0,.32),
        0 18px 44px -22px rgba(0,0,0,.7);
}
.vk-card--agent .vk-card__badge{
    display:inline-flex; align-items:center;
    padding:3px 10px;
    border-radius:999px;
    background:linear-gradient(180deg, rgba(245,177,0,.18), rgba(245,177,0,.06));
    border:1px solid rgba(245,177,0,.35);
    color:var(--vk-gold);
    font-family:var(--vk-font-en);
    font-size:10px; font-weight:700;
    letter-spacing:.16em; text-transform:uppercase;
    line-height:1.5;
    margin-bottom:14px;
    align-self:flex-start;
}
.vk-card--agent .vk-card__title{
    margin:0 0 2px !important;
    font-family:var(--vk-font-bn) !important;
    font-size:22px !important; font-weight:800 !important;
    color:#fff !important;
    line-height:1.2;
}
.vk-card--agent .vk-card__sub{
    margin:0 0 14px !important;
    font-family:var(--vk-font-en);
    font-size:11px;
    color:var(--vk-gold);
    letter-spacing:.14em;
    text-transform:uppercase;
    font-weight:600;
}
.vk-card--agent .vk-card__desc{
    margin:0 0 16px !important;
    font-family:var(--vk-font-bn);
    font-size:13.5px;
    color:var(--vk-text-2);
    line-height:1.65;
    flex:1;
}
.vk-card--agent .vk-card__meta{
    display:inline-block;
    padding:3px 10px;
    border-radius:5px;
    background:rgba(0,0,0,.32);
    border:1px solid rgba(245,177,0,.22);
    color:var(--vk-gold);
    font-family:var(--vk-font-en);
    font-size:10.5px; font-weight:700;
    letter-spacing:.04em;
    margin-bottom:14px;
    align-self:flex-start;
    font-variant-numeric:tabular-nums;
}
.vk-card--agent .vk-card__cta{
    display:inline-flex; align-items:center; gap:6px;
    padding:9px 16px;
    border-radius:10px;
    background:linear-gradient(180deg, rgba(245,177,0,.18), rgba(245,177,0,.06));
    border:1px solid rgba(245,177,0,.4);
    color:var(--vk-gold);
    font-family:var(--vk-font-bn);
    font-weight:700;
    font-size:13px;
    line-height:1;
    align-self:flex-start;
    transition:background .25s, color .25s, padding .25s, border-color .25s;
}
.vk-card--agent:hover .vk-card__cta{
    background:var(--vk-grad-gold);
    color:#0A0B10;
    border-color:transparent;
    padding-right:20px;
}
.vk-card--agent .vk-card__cta svg{ transition:transform .25s var(--vk-easing); }
.vk-card--agent:hover .vk-card__cta svg{ transform:translateX(4px); }
.vk-card--agent .vk-card__shine,
.vk-card--agent .vk-card__border{ display:none; }

@media (max-width:560px){
    .vk-grid-cards.vk-agents__grid{ grid-template-columns:1fr !important; gap:12px !important; }
    .vk-card--agent{ padding:20px 18px 18px !important; min-height:auto; }
    .vk-card--agent .vk-card__title{ font-size:19px !important; }
    .vk-card--agent .vk-card__desc{ font-size:12.5px !important; }
}

/* ----------- ⑧ CONTACT CHANNEL CARDS (.vk-contact__card) ----------- */
.vk-contact__grid{
    max-width:var(--vk-max);
    margin:0 auto;
    display:grid !important;
    grid-template-columns:repeat(auto-fit, minmax(260px, 1fr)) !important;
    gap:16px !important;
}

.vk-contact__card{
    position:relative; isolation:isolate;
    display:flex; flex-direction:column;
    padding:24px 22px 20px !important;
    background:
        linear-gradient(160deg, var(--ch-tint, rgba(245,177,0,.10)) 0%, transparent 55%),
        linear-gradient(180deg, rgba(20,23,42,.92), rgba(11,13,23,.96)) !important;
    border:1px solid var(--vk-line-2) !important;
    border-radius:16px !important;
    overflow:hidden;
    color:var(--vk-text);
    text-decoration:none;
    min-height:200px;
    box-shadow:
        0 18px 40px -22px rgba(0,0,0,.65),
        inset 0 1px 0 rgba(255,255,255,.04);
    transition:transform .3s var(--vk-easing), border-color .25s, box-shadow .3s;
}
.vk-contact__card:hover{
    transform:translateY(-4px);
    border-color:var(--ch-border, rgba(245,177,0,.5)) !important;
    box-shadow:
        0 28px 60px -22px var(--ch-glow, rgba(245,177,0,.3)),
        0 18px 44px -22px rgba(0,0,0,.7);
}

/* Per-channel tint variables */
.vk-contact--whatsapp { --ch-tint:rgba(37,211,102,.18);  --ch-border:rgba(37,211,102,.55);  --ch-glow:rgba(37,211,102,.35);  --ch-color:#25D366; }
.vk-contact--telegram { --ch-tint:rgba(0,136,204,.18);    --ch-border:rgba(0,136,204,.55);    --ch-glow:rgba(0,136,204,.35);   --ch-color:#0088CC; }
.vk-contact--fb       { --ch-tint:rgba(24,119,242,.18);  --ch-border:rgba(24,119,242,.55);  --ch-glow:rgba(24,119,242,.35);  --ch-color:#1877F2; }
.vk-contact--email    { --ch-tint:rgba(245,177,0,.18);    --ch-border:rgba(245,177,0,.55);    --ch-glow:rgba(245,177,0,.35);   --ch-color:#F5B100; }
.vk-contact--complaint{ --ch-tint:rgba(211,32,48,.18);   --ch-border:rgba(211,32,48,.55);   --ch-glow:rgba(211,32,48,.35);   --ch-color:#FF5252; }
.vk-contact--yt       { --ch-tint:rgba(255,0,0,.18);     --ch-border:rgba(255,0,0,.55);     --ch-glow:rgba(255,0,0,.32);     --ch-color:#FF0000; }
.vk-contact--ig       { --ch-tint:rgba(225,48,108,.18);  --ch-border:rgba(225,48,108,.55);  --ch-glow:rgba(225,48,108,.35);  --ch-color:#E1306C; }
.vk-contact--phone    { --ch-tint:rgba(245,177,0,.18);    --ch-border:rgba(245,177,0,.55);    --ch-glow:rgba(245,177,0,.35);   --ch-color:#F5B100; }
.vk-contact--play     { --ch-tint:rgba(37,211,102,.18);    --ch-border:rgba(37,211,102,.55);   --ch-glow:rgba(37,211,102,.35);  --ch-color:#25D366; }

/* Play platform card — pair of link pills stacked at the bottom of the card. */
.vk-contact__links{
    display:flex; flex-direction:column; gap:8px;
    margin-top:auto;
}
.vk-contact__link{
    display:inline-flex; align-items:center; justify-content:space-between;
    gap:8px;
    padding:10px 14px;
    border-radius:10px;
    background:linear-gradient(180deg, rgba(245,177,0,.18), rgba(245,177,0,.05));
    border:1px solid rgba(245,177,0,.42);
    color:var(--vk-text);
    font-family:var(--vk-font-en);
    font-weight:600; font-size:13px;
    text-decoration:none;
    transition:background .25s, transform .25s, border-color .25s, color .25s;
}
.vk-contact__link:hover{
    background:var(--vk-grad-gold);
    color:#0A0B10;
    transform:translateY(-1px);
    border-color:transparent;
}
.vk-contact__link i{ font-style:normal; }

/* Pulse ring on channel card (mostly for WhatsApp) */
.vk-contact__pulse{
    position:absolute; top:18px; right:18px;
    width:10px; height:10px; border-radius:50%;
    background:var(--ch-color, var(--vk-green));
    box-shadow:0 0 0 0 var(--ch-color, var(--vk-green));
    animation:vk-channel-pulse 1.6s ease-in-out infinite;
    z-index:2;
}
@keyframes vk-channel-pulse{
    0%   { box-shadow:0 0 0 0 currentColor; opacity:1; }
    70%  { box-shadow:0 0 0 8px transparent; opacity:.5; }
    100% { box-shadow:0 0 0 0 transparent; opacity:1; }
}
@media (prefers-reduced-motion: reduce){ .vk-contact__pulse{ animation:none; } }

.vk-contact__icon{
    display:inline-flex; align-items:center; justify-content:center;
    width:54px; height:54px;
    border-radius:14px;
    background:linear-gradient(135deg, var(--ch-color, var(--vk-gold)), color-mix(in srgb, var(--ch-color, var(--vk-gold)) 60%, #000));
    color:#fff;
    margin-bottom:14px;
    box-shadow:
        0 10px 22px -6px var(--ch-glow, rgba(245,177,0,.4)),
        inset 0 1px 0 rgba(255,255,255,.35),
        inset 0 -1px 0 rgba(0,0,0,.2);
    transition:transform .35s var(--vk-easing);
}
.vk-contact__card:hover .vk-contact__icon{
    transform:rotate(-6deg) scale(1.05);
}

.vk-contact__online{
    display:inline-flex; align-items:center; gap:5px;
    padding:2px 9px;
    border-radius:999px;
    background:rgba(25,195,125,.10);
    border:1px solid rgba(25,195,125,.35);
    color:#5EEAA8;
    font-family:var(--vk-font-en); font-size:9.5px; font-weight:700;
    letter-spacing:.12em; text-transform:uppercase;
    line-height:1.6;
    margin-bottom:10px;
    align-self:flex-start;
}
.vk-contact__online i{
    width:5px; height:5px; border-radius:50%;
    background:var(--vk-green);
    box-shadow:0 0 0 2px rgba(25,195,125,.22);
    animation:vk-channel-pulse 1.6s ease-in-out infinite;
}
.vk-contact__online--off{
    background:rgba(255,255,255,.04);
    border-color:var(--vk-line-2);
    color:var(--vk-text-3);
}
.vk-contact__online--off i{
    background:var(--vk-text-3);
    box-shadow:0 0 0 2px rgba(255,255,255,.05);
    animation:none;
}

.vk-contact__card h3{
    margin:0 0 4px !important;
    font-family:var(--vk-font-bn) !important;
    font-size:18px !important; font-weight:800 !important;
    color:#fff !important;
    line-height:1.25;
}
.vk-contact__detail{
    margin:0 0 4px !important;
    font-family:var(--vk-font-en);
    font-size:13px !important;
    color:var(--vk-gold);
    font-weight:600;
    font-variant-numeric:tabular-nums;
}
.vk-contact__sub{
    margin:0 0 12px !important;
    font-family:var(--vk-font-bn);
    font-size:12px;
    color:var(--vk-text-3);
    line-height:1.5;
    flex:1;
}
.vk-contact__cta{
    display:inline-flex; align-items:center; gap:6px;
    padding:8px 14px;
    border-radius:10px;
    background:rgba(245,177,0,.10);
    border:1px solid rgba(245,177,0,.32);
    color:var(--vk-gold);
    font-family:var(--vk-font-bn);
    font-weight:700;
    font-size:12.5px;
    line-height:1;
    align-self:flex-start;
    transition:background .25s, color .25s, padding .25s, border-color .25s;
}
.vk-contact__cta i{
    transition:transform .25s var(--vk-easing);
    font-style:normal;
}
.vk-contact__card:hover .vk-contact__cta{
    background:var(--ch-color, var(--vk-gold));
    color:#fff;
    border-color:transparent;
    padding-right:18px;
}
.vk-contact__card:hover .vk-contact__cta i{ transform:translateX(4px); }
.vk-contact--email:hover .vk-contact__cta,
.vk-contact--phone:hover .vk-contact__cta{ color:#0A0B10; }

@media (max-width:560px){
    .vk-contact__grid{ grid-template-columns:1fr !important; gap:12px !important; }
    .vk-contact__card{ padding:20px 18px 16px !important; min-height:auto; }
    .vk-contact__icon{ width:46px; height:46px; margin-bottom:11px; }
    .vk-contact__card h3{ font-size:16px !important; }
    .vk-contact__detail{ font-size:12px !important; }
}

/* ----------- ⑨ CONTACT STATS BAR (.vk-contact__bar) ----------- */
.vk-contact__bar{
    max-width:var(--vk-max);
    margin:32px auto 0;
    padding:14px 18px !important;
    border-radius:14px;
    background:linear-gradient(180deg, rgba(245,177,0,.06), rgba(255,255,255,.01));
    border:1px solid rgba(245,177,0,.22);
    display:grid !important;
    grid-template-columns:repeat(auto-fit, minmax(140px, 1fr)) !important;
    gap:10px;
}
.vk-contact__bar-item{
    display:flex !important; align-items:center; gap:10px;
    padding:6px 10px;
    color:var(--vk-text-2);
    font-family:var(--vk-font-bn);
    font-size:12.5px;
}
.vk-contact__bar-item svg{
    color:var(--vk-gold);
    flex-shrink:0;
    width:18px; height:18px;
    filter:drop-shadow(0 0 6px rgba(245,177,0,.4));
}
.vk-contact__bar-item strong{
    color:var(--vk-gold);
    font-family:var(--vk-font-en);
    font-weight:800;
    font-variant-numeric:tabular-nums;
}

@media (max-width:560px){
    .vk-contact__bar{ grid-template-columns:1fr 1fr !important; }
    .vk-contact__bar-item{ font-size:11.5px; }
}

/* ============================================================
   FAQ PAGE (/faq-bd/) — premium accordion + search
   ============================================================ */

/* Hero search box */
.vk-faq__searchbox{
    display:flex; align-items:center; gap:10px;
    max-width:580px;
    width:100%;
    margin:14px auto 0 !important;
    padding:8px 16px;
    background:rgba(20,23,42,.85);
    border:1px solid rgba(245,177,0,.32);
    border-radius:999px;
    box-shadow:
        0 10px 28px -16px rgba(245,177,0,.32),
        inset 0 1px 0 rgba(255,255,255,.04);
    transition:border-color .25s, box-shadow .25s;
}
.vk-faq__searchbox:focus-within{
    border-color:rgba(245,177,0,.6);
    box-shadow:
        0 18px 36px -16px rgba(245,177,0,.42),
        inset 0 1px 0 rgba(255,255,255,.06);
}
.vk-faq__searchbox svg{
    color:var(--vk-gold);
    flex-shrink:0;
}
.vk-faq__searchbox input{
    flex:1;
    min-width:0;
    background:transparent;
    border:0;
    outline:0;
    padding:9px 0;
    font-family:var(--vk-font-bn);
    font-size:14px;
    color:var(--vk-text);
}
.vk-faq__searchbox input::placeholder{
    color:var(--vk-text-3);
}

/* FAQ list section wrapper */
.vk-faq{
    max-width:none !important;
    padding:56px var(--vk-pad) !important;
    background:var(--vk-bg) !important;
}
.vk-faq__list{
    max-width:920px;
    margin:0 auto;
    display:flex; flex-direction:column;
    gap:10px;
}

/* Individual FAQ item (details/summary) */
.vk-faq__item{
    position:relative;
    background:
        linear-gradient(160deg, rgba(245,177,0,.04), transparent 60%),
        linear-gradient(180deg, rgba(20,23,42,.92), rgba(11,13,23,.96)) !important;
    border:1px solid var(--vk-line-2) !important;
    border-radius:14px !important;
    overflow:hidden;
    transition:border-color .25s, box-shadow .3s;
}
.vk-faq__item:hover{
    border-color:rgba(245,177,0,.32) !important;
}
.vk-faq__item[open]{
    border-color:rgba(245,177,0,.5) !important;
    box-shadow:
        0 22px 50px -22px rgba(245,177,0,.22),
        0 12px 32px -20px rgba(0,0,0,.55);
}
.vk-faq__item summary{
    display:flex; align-items:center; gap:14px;
    padding:14px 16px !important;
    cursor:pointer;
    list-style:none;
    user-select:none;
    transition:background .2s;
    min-height:auto !important;
}
.vk-faq__item summary::-webkit-details-marker,
.vk-faq__item summary::marker{ display:none; }
.vk-faq__item summary:hover{
    background:rgba(245,177,0,.04);
}

.vk-faq__num{
    flex-shrink:0;
    display:inline-flex; align-items:center; justify-content:center;
    width:34px; height:34px;
    border-radius:10px;
    background:linear-gradient(135deg, var(--vk-gold), color-mix(in srgb, var(--vk-gold) 60%, #000));
    color:#0A0B10;
    font-family:var(--vk-font-en);
    font-weight:800;
    font-size:13px;
    line-height:1;
    box-shadow:
        0 6px 14px -4px rgba(245,177,0,.5),
        inset 0 1px 0 rgba(255,255,255,.35);
    font-variant-numeric:tabular-nums;
}
.vk-faq__item[open] .vk-faq__num{
    box-shadow:
        0 8px 20px -4px rgba(245,177,0,.7),
        inset 0 1px 0 rgba(255,255,255,.45);
}

.vk-faq__q{
    flex:1;
    font-family:var(--vk-font-bn);
    font-size:15px;
    font-weight:700;
    color:var(--vk-text);
    line-height:1.4;
    text-align:left;
}

.vk-faq__chev{
    flex-shrink:0;
    display:inline-flex; align-items:center; justify-content:center;
    width:30px; height:30px;
    border-radius:8px;
    background:rgba(255,255,255,.04);
    border:1px solid var(--vk-line);
    color:var(--vk-gold);
    transition:transform .35s var(--vk-easing), background .25s, border-color .25s;
}
.vk-faq__item[open] .vk-faq__chev{
    transform:rotate(180deg);
    background:rgba(245,177,0,.14);
    border-color:rgba(245,177,0,.4);
}

.vk-faq__answer{
    padding:0 16px 16px 64px !important;
    font-family:var(--vk-font-bn);
    font-size:14px;
    line-height:1.78 !important;
    color:var(--vk-text-2);
}
.vk-faq__answer p{ margin:0 0 10px; }
.vk-faq__answer p:last-child{ margin-bottom:0; }
.vk-faq__answer a{
    color:var(--vk-gold);
    text-decoration:underline;
    text-decoration-color:rgba(245,177,0,.4);
    text-underline-offset:3px;
    transition:text-decoration-color .25s;
}
.vk-faq__answer a:hover{ text-decoration-color:var(--vk-gold); }
.vk-faq__answer strong{ color:var(--vk-text); }
.vk-faq__answer ul,
.vk-faq__answer ol{ padding-left:20px; margin:0 0 10px; }
.vk-faq__answer li{ margin-bottom:5px; }
.vk-faq__answer code{
    padding:1px 6px;
    background:rgba(245,177,0,.08);
    border:1px solid rgba(245,177,0,.22);
    border-radius:4px;
    font-family:var(--vk-font-en);
    font-size:12.5px;
    color:var(--vk-gold);
}

/* Empty state */
.vk-faq__empty{
    text-align:center;
    padding:48px 24px;
    color:var(--vk-text-2);
    font-family:var(--vk-font-bn);
}
.vk-faq__empty svg{
    color:var(--vk-gold);
    opacity:.5;
    margin-bottom:14px;
}
.vk-faq__empty h3{
    margin:0 0 6px;
    font-size:17px;
    font-weight:800;
    color:var(--vk-text);
}
.vk-faq__empty p{
    margin:0;
    font-size:13.5px;
    color:var(--vk-text-3);
}

@media (max-width:560px){
    .vk-faq{ padding:36px var(--vk-pad) !important; }
    .vk-faq__searchbox{ padding:6px 14px; }
    .vk-faq__searchbox input{ font-size:13.5px; padding:8px 0; }
    .vk-faq__item summary{ padding:11px 12px !important; gap:11px; }
    .vk-faq__num{ width:28px; height:28px; font-size:11.5px; border-radius:8px; }
    .vk-faq__q{ font-size:13.5px; }
    .vk-faq__chev{ width:26px; height:26px; }
    .vk-faq__answer{ padding:0 14px 14px 51px !important; font-size:13px; line-height:1.7 !important; }
}

/* ============================================================
   BLOG ARCHIVE (/blog/) — chips + grid + premium card
   ============================================================ */

/* Category chips strip */
.vk-blog__chips{
    display:flex; flex-wrap:wrap; gap:8px;
    justify-content:center;
    max-width:760px;
    margin:14px auto 0 !important;
}
.vk-blog__chip{
    display:inline-flex; align-items:center; gap:6px;
    padding:6px 14px;
    border-radius:999px;
    background:rgba(255,255,255,.03);
    border:1px solid var(--vk-line-2);
    color:var(--vk-text-2);
    font-family:var(--vk-font-bn);
    font-size:12px;
    font-weight:600;
    text-decoration:none;
    transition:background .2s, color .2s, border-color .2s, transform .2s;
}
.vk-blog__chip:hover{
    background:rgba(245,177,0,.10);
    border-color:rgba(245,177,0,.35);
    color:var(--vk-gold);
    transform:translateY(-1px);
}
.vk-blog__chip.is-active{
    background:linear-gradient(180deg, rgba(245,177,0,.22), rgba(245,177,0,.08));
    border-color:rgba(245,177,0,.5);
    color:var(--vk-gold);
    box-shadow:0 6px 16px -8px rgba(245,177,0,.4);
}
.vk-blog__chip-count{
    display:inline-flex; align-items:center;
    padding:0 6px; height:18px;
    border-radius:999px;
    background:rgba(0,0,0,.32);
    color:var(--vk-gold);
    font-family:var(--vk-font-en);
    font-size:10.5px;
    font-weight:800;
    letter-spacing:.02em;
    font-variant-numeric:tabular-nums;
}

/* Blog grid section */
.vk-section.vk-blog,
section.vk-blog{
    max-width:none !important;
    padding:56px var(--vk-pad) !important;
    background:var(--vk-bg) !important;
}
.vk-blog__grid{
    max-width:var(--vk-max);
    margin:0 auto;
    display:grid !important;
    grid-template-columns:repeat(auto-fit, minmax(300px, 1fr)) !important;
    gap:22px !important;
}

/* Blog card */
.vk-blog__card{
    position:relative; isolation:isolate;
    background:
        linear-gradient(160deg, rgba(245,177,0,.04), transparent 50%),
        linear-gradient(180deg, rgba(20,23,42,.94), rgba(11,13,23,.97)) !important;
    border:1px solid var(--vk-line-2) !important;
    border-radius:18px !important;
    overflow:hidden;
    box-shadow:
        0 18px 40px -22px rgba(0,0,0,.65),
        inset 0 1px 0 rgba(255,255,255,.04);
    transition:transform .35s var(--vk-easing), border-color .25s, box-shadow .3s;
}
.vk-blog__card:hover{
    transform:translateY(-4px);
    border-color:rgba(245,177,0,.35) !important;
    box-shadow:
        0 28px 60px -22px rgba(245,177,0,.22),
        0 18px 44px -22px rgba(0,0,0,.7);
}
.vk-blog__link{
    display:flex; flex-direction:column;
    text-decoration:none;
    color:inherit;
    height:100%;
}

/* Cover image */
.vk-blog__cover{
    position:relative;
    display:block;
    aspect-ratio:16/10;
    overflow:hidden;
    background:linear-gradient(180deg, rgba(245,177,0,.08), rgba(245,177,0,.02));
}
.vk-blog__cover img{
    width:100% !important; height:100% !important;
    object-fit:cover;
    display:block;
    transition:transform .65s var(--vk-easing);
}
.vk-blog__card:hover .vk-blog__cover img{
    transform:scale(1.06);
}
.vk-blog__cover-fallback{
    position:absolute; inset:0;
    display:flex; align-items:center; justify-content:center;
    color:var(--vk-gold);
    opacity:.4;
}
/* Category tag overlaid on cover */
.vk-blog__cat{
    position:absolute;
    top:12px; left:12px;
    z-index:2;
    padding:4px 10px;
    border-radius:999px;
    background:rgba(8,10,18,.78);
    backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px);
    border:1px solid rgba(245,177,0,.45);
    color:var(--vk-gold);
    font-family:var(--vk-font-en);
    font-size:9.5px;
    font-weight:700;
    letter-spacing:.16em;
    text-transform:uppercase;
    line-height:1.6;
}

/* Body */
.vk-blog__link > .vk-blog__meta,
.vk-blog__link > .vk-blog__title,
.vk-blog__link > .vk-blog__excerpt,
.vk-blog__link > .vk-blog__cta{
    padding:0 18px;
}
.vk-blog__meta{
    display:flex; align-items:center; gap:8px;
    margin:14px 0 6px !important;
    font-family:var(--vk-font-en);
    font-size:10.5px;
    color:var(--vk-text-3);
    letter-spacing:.04em;
}
.vk-blog__meta time,
.vk-blog__meta span{ font-family:var(--vk-font-bn); }
.vk-blog__title{
    margin:0 0 6px !important;
    font-family:var(--vk-font-bn) !important;
    font-size:18px !important; font-weight:800 !important;
    color:#fff !important;
    line-height:1.3 !important;
    /* clamp to 2 lines */
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
.vk-blog__excerpt{
    margin:0 0 14px !important;
    font-family:var(--vk-font-bn);
    font-size:13.5px;
    line-height:1.65;
    color:var(--vk-text-2);
    flex:1;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
.vk-blog__cta{
    display:inline-flex; align-items:center; gap:6px;
    margin:0 18px 16px !important;
    padding:8px 14px;
    border-radius:10px;
    background:rgba(245,177,0,.10);
    border:1px solid rgba(245,177,0,.32);
    color:var(--vk-gold);
    font-family:var(--vk-font-bn);
    font-size:12.5px;
    font-weight:700;
    align-self:flex-start;
    line-height:1;
    transition:background .25s, color .25s, padding .25s, border-color .25s;
}
.vk-blog__card:hover .vk-blog__cta{
    background:var(--vk-grad-gold);
    color:#0A0B10;
    border-color:transparent;
    padding-right:18px;
}
.vk-blog__cta svg{ transition:transform .25s var(--vk-easing); }
.vk-blog__card:hover .vk-blog__cta svg{ transform:translateX(4px); }

/* Pagination */
.vk-blog__pagination{
    max-width:var(--vk-max);
    margin:36px auto 0;
    display:flex !important; align-items:center; justify-content:center;
    flex-wrap:wrap;
    gap:6px;
}
.vk-blog__pagination .page-numbers{
    display:inline-flex; align-items:center; justify-content:center; gap:4px;
    min-width:42px; height:42px;
    padding:0 12px;
    border-radius:10px;
    background:rgba(255,255,255,.04);
    border:1px solid var(--vk-line-2);
    color:var(--vk-text-2);
    font-family:var(--vk-font-en);
    font-weight:700;
    font-size:13px;
    text-decoration:none;
    transition:all .2s;
    font-variant-numeric:tabular-nums;
}
.vk-blog__pagination .page-numbers:hover{
    background:rgba(245,177,0,.12);
    border-color:rgba(245,177,0,.4);
    color:var(--vk-gold);
    transform:translateY(-1px);
}
.vk-blog__pagination .page-numbers.current{
    background:var(--vk-grad-gold);
    color:#0A0B10;
    border-color:transparent;
    box-shadow:0 6px 16px -6px rgba(245,177,0,.5);
}
.vk-blog__pagination .page-numbers svg{ flex-shrink:0; }

@media (max-width:560px){
    .vk-section.vk-blog,
    section.vk-blog{ padding:36px var(--vk-pad) !important; }
    .vk-blog__grid{ grid-template-columns:1fr !important; gap:14px !important; }
    .vk-blog__title{ font-size:16px !important; }
    .vk-blog__excerpt{ font-size:12.5px; -webkit-line-clamp:2; }
    .vk-blog__pagination .page-numbers{ min-width:36px; height:36px; padding:0 9px; font-size:12px; }
}

/* ============================================================
   SINGLE BLOG POST — premium reader layout
   ============================================================ */

/* Single-post article wrapper — release the 760 px default content
   max-width so hero / cover / related / CTA all flow full-bleed like
   the home page. The reading column max-width lives on .vk-post__body. */
.vk-post{
    max-width:none !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
}
.vk-post__hero{
    text-align:center;
}
.vk-post__title{
    /* Larger title for article hero */
    font-size:clamp(28px, 4.4vw, 44px) !important;
    margin-bottom:14px !important;
}

/* Meta strip — date + read time pills */
.vk-post__meta{
    list-style:none; padding:0;
    display:inline-flex !important; flex-wrap:wrap; gap:10px;
    justify-content:center;
    margin:14px auto 0 !important;
}
.vk-post__meta li{
    display:inline-flex; align-items:center; gap:6px;
    padding:5px 12px;
    border-radius:999px;
    background:rgba(255,255,255,.03);
    border:1px solid var(--vk-line-2);
    font-family:var(--vk-font-bn);
    font-size:12px;
    color:var(--vk-text-2);
}
.vk-post__meta-icon{
    color:var(--vk-gold);
    display:inline-flex;
    flex-shrink:0;
}
.vk-post__meta-lbl{
    font-family:var(--vk-font-en);
    font-size:10px;
    color:var(--vk-text-3);
    letter-spacing:.12em;
    text-transform:uppercase;
    font-weight:600;
}
.vk-post__meta-val{
    color:var(--vk-text);
    font-weight:600;
    font-variant-numeric:tabular-nums;
}

/* Cover image */
.vk-post__cover{
    position:relative;
    max-width:980px;
    margin:0 auto !important;
    padding:0 !important;
    border-radius:0;
    overflow:hidden;
    transform:translateY(-36px);
    box-shadow:
        0 36px 88px -36px rgba(0,0,0,.75),
        0 20px 56px -28px rgba(245,177,0,.18);
}
.vk-post__cover img{
    width:100% !important;
    height:auto !important;
    display:block;
    border-radius:20px;
    border:1px solid rgba(245,177,0,.22);
}
.vk-post__cover-glow{
    position:absolute;
    bottom:-20px; left:10%; right:10%;
    height:60px;
    background:radial-gradient(ellipse at center, rgba(245,177,0,.4), transparent 70%);
    filter:blur(28px);
    pointer-events:none;
    z-index:-1;
}

/* Body + share rail layout */
.vk-post__body-wrap{
    max-width:1140px !important;
    margin:0 auto !important;
    padding:40px var(--vk-pad) 60px !important;
    display:grid !important;
    grid-template-columns:60px 1fr !important;
    gap:32px !important;
    background:var(--vk-bg) !important;
}

/* Sticky share rail */
.vk-post__share-rail{
    position:sticky;
    top:90px;
    align-self:start;
    display:flex; flex-direction:column; align-items:center; gap:10px;
    padding-top:6px;
}
.vk-post__share-label{
    writing-mode:vertical-rl;
    transform:rotate(180deg);
    font-family:var(--vk-font-en);
    font-size:9.5px;
    letter-spacing:.22em;
    text-transform:uppercase;
    color:var(--vk-text-3);
    margin-bottom:10px;
    font-weight:700;
}
.vk-post__share-btn{
    display:inline-flex; align-items:center; justify-content:center;
    width:42px; height:42px;
    border-radius:11px;
    background:rgba(255,255,255,.04);
    border:1px solid var(--vk-line-2);
    color:var(--vk-text-2);
    text-decoration:none;
    cursor:pointer;
    transition:all .25s;
}
.vk-post__share-btn:hover{
    background:rgba(245,177,0,.12);
    border-color:rgba(245,177,0,.45);
    color:var(--vk-gold);
    transform:translateY(-1px);
}
.vk-post__share-btn--fb:hover{ background:rgba(24,119,242,.16); border-color:rgba(24,119,242,.5); color:#1877F2; }
.vk-post__share-btn--x:hover{ background:rgba(255,255,255,.10); border-color:rgba(255,255,255,.3); color:#fff; }
.vk-post__share-btn--wa:hover{ background:rgba(37,211,102,.16); border-color:rgba(37,211,102,.5); color:#25D366; }
.vk-post__share-btn.is-copied{
    background:rgba(25,195,125,.16);
    border-color:rgba(25,195,125,.5);
    color:var(--vk-green);
}

/* Article body typography */
.vk-post__body{
    min-width:0;
    font-family:var(--vk-font-bn);
    font-size:16px;
    line-height:1.85;
    color:var(--vk-text-2);
    max-width:760px;
    margin:0;
}
.vk-post__body h1,
.vk-post__body h2,
.vk-post__body h3,
.vk-post__body h4,
.vk-post__body h5,
.vk-post__body h6{
    color:var(--vk-text);
    font-family:var(--vk-font-bn);
    font-weight:800;
    line-height:1.3;
    margin:32px 0 12px;
    letter-spacing:-.01em;
}
.vk-post__body h2{ font-size:26px; padding-top:8px; }
.vk-post__body h3{ font-size:22px; }
.vk-post__body h4{ font-size:18px; }
.vk-post__body h2::before,
.vk-post__body h3::before{
    content:""; display:inline-block;
    width:4px; height:.85em;
    margin-right:10px;
    vertical-align:-2px;
    border-radius:2px;
    background:var(--vk-grad-gold);
    box-shadow:0 0 8px rgba(245,177,0,.5);
}
.vk-post__body p{ margin:0 0 18px; }
.vk-post__body p:last-child{ margin-bottom:0; }
.vk-post__body a{
    color:var(--vk-gold);
    text-decoration:underline;
    text-decoration-color:rgba(245,177,0,.4);
    text-underline-offset:3px;
    transition:text-decoration-color .25s, color .25s;
}
.vk-post__body a:hover{
    text-decoration-color:var(--vk-gold);
    color:var(--vk-gold-2);
}
.vk-post__body strong,
.vk-post__body b{ color:var(--vk-text); }
.vk-post__body em,
.vk-post__body i{
    font-style:italic;
    color:var(--vk-gold);
}
.vk-post__body blockquote{
    margin:24px 0;
    padding:18px 22px;
    background:
        linear-gradient(180deg, rgba(245,177,0,.06), rgba(245,177,0,.01));
    border-left:3px solid var(--vk-gold);
    border-radius:0 10px 10px 0;
    color:var(--vk-text);
    font-size:17px;
    font-style:italic;
    line-height:1.65;
}
.vk-post__body blockquote p:last-child{ margin-bottom:0; }
.vk-post__body ul,
.vk-post__body ol{ padding-left:26px; margin:0 0 18px; }
.vk-post__body li{ margin-bottom:8px; }
.vk-post__body ul li::marker{ color:var(--vk-gold); }
.vk-post__body code{
    padding:2px 7px;
    background:rgba(245,177,0,.10);
    border:1px solid rgba(245,177,0,.22);
    border-radius:5px;
    font-family:var(--vk-font-en);
    font-size:13.5px;
    color:var(--vk-gold);
}
.vk-post__body pre{
    margin:22px 0;
    padding:18px 20px;
    background:#0A0B10;
    border:1px solid var(--vk-line-2);
    border-radius:12px;
    overflow-x:auto;
    font-family:var(--vk-font-en);
    font-size:13.5px;
    line-height:1.6;
    color:var(--vk-text);
}
.vk-post__body pre code{
    padding:0;
    background:transparent;
    border:0;
    color:inherit;
}
.vk-post__body img,
.vk-post__body figure{
    max-width:100%;
    height:auto;
    margin:24px auto;
    border-radius:14px;
    border:1px solid var(--vk-line-2);
    display:block;
}
.vk-post__body table{
    width:100%;
    margin:24px 0;
    border-collapse:separate;
    border-spacing:0;
    border:1px solid var(--vk-line-2);
    border-radius:12px;
    overflow:hidden;
    font-size:13.5px;
}
.vk-post__body th,
.vk-post__body td{
    padding:10px 14px;
    border-bottom:1px solid var(--vk-line);
    text-align:left;
}
.vk-post__body th{
    background:rgba(245,177,0,.08);
    color:var(--vk-gold);
    font-weight:700;
    font-family:var(--vk-font-en);
    letter-spacing:.04em;
    text-transform:uppercase;
    font-size:11.5px;
}
.vk-post__body hr{
    margin:32px 0;
    border:0;
    height:1px;
    background:linear-gradient(90deg, transparent, rgba(245,177,0,.4), transparent);
}

/* Inline share bar at end of article */
.vk-post__share-bar{
    margin:40px 0 0;
    padding:18px 20px;
    border-radius:14px;
    background:
        linear-gradient(180deg, rgba(245,177,0,.06), rgba(245,177,0,.01));
    border:1px solid rgba(245,177,0,.22);
    display:flex; align-items:center; justify-content:space-between;
    flex-wrap:wrap; gap:14px;
}
.vk-post__share-text{
    font-family:var(--vk-font-bn);
    font-size:13.5px;
    color:var(--vk-text);
    font-weight:600;
}
.vk-post__share-buttons{
    display:inline-flex; flex-wrap:wrap; gap:8px;
}
.vk-post__share-buttons .vk-btn{
    padding:8px 14px;
    border-radius:10px;
    font-family:var(--vk-font-bn);
    font-size:12.5px;
    font-weight:700;
    text-decoration:none;
    display:inline-flex; align-items:center; gap:6px;
    cursor:pointer;
    transition:all .2s;
}
.vk-post__share-buttons .vk-btn--whatsapp{
    background:linear-gradient(135deg, #25D366, #128C7E);
    color:#fff;
    border:0;
}
.vk-post__share-buttons .vk-btn--ghost{
    background:rgba(255,255,255,.04);
    border:1px solid var(--vk-line-2);
    color:var(--vk-text-2);
}
.vk-post__share-buttons .vk-btn--ghost:hover{
    background:rgba(245,177,0,.10);
    border-color:rgba(245,177,0,.35);
    color:var(--vk-gold);
}
.vk-post__share-buttons .vk-btn.is-copied{
    background:rgba(25,195,125,.16);
    border-color:rgba(25,195,125,.5);
    color:var(--vk-green);
}

/* Related posts section */
.vk-post__related{
    max-width:none !important;
    padding:56px var(--vk-pad) !important;
    background:
        radial-gradient(ellipse 80% 40% at 50% 0%, rgba(245,177,0,.06), transparent 60%),
        var(--vk-bg) !important;
    border-top:1px solid rgba(245,177,0,.18);
}

/* Mobile: collapse the share rail under the body */
@media (max-width:900px){
    .vk-post__body-wrap{
        grid-template-columns:1fr !important;
        gap:0 !important;
        padding:28px var(--vk-pad) 48px !important;
    }
    .vk-post__share-rail{
        position:static;
        flex-direction:row;
        justify-content:center;
        flex-wrap:wrap;
        margin-bottom:24px;
    }
    .vk-post__share-label{
        writing-mode:horizontal-tb;
        transform:none;
        margin:0 6px 0 0;
    }
    .vk-post__body{
        max-width:none;
    }
}
@media (max-width:560px){
    .vk-post__title{ font-size:clamp(24px, 7vw, 30px) !important; }
    .vk-post__body{ font-size:15px; line-height:1.78; }
    .vk-post__body h2{ font-size:22px; }
    .vk-post__body h3{ font-size:19px; }
    .vk-post__body h4{ font-size:17px; }
    .vk-post__body blockquote{ padding:14px 16px; font-size:15px; }
    .vk-post__share-btn{ width:38px; height:38px; }
    .vk-post__share-bar{ padding:14px 16px; }
    .vk-post__share-text{ font-size:12.5px; }
    .vk-post__share-buttons .vk-btn{ padding:7px 11px; font-size:11.5px; }
    .vk-post__cover{ transform:translateY(-22px); }
    .vk-post__cover img{ border-radius:14px; }
}

/* Mobile responsive — hero ultra-slim */
@media (max-width:760px){
    .vk-pagehero{ padding:16px var(--vk-pad) 14px !important; }
    .vk-pagehero__title{ font-size:clamp(19px, 5.5vw, 24px) !important; margin-bottom:5px !important; }
    .vk-pagehero__lead{ margin-bottom:8px !important; font-size:11.5px !important; }
    .vk-pagehero__assure li{ font-size:9.5px; padding:2px 8px; }
    .vk-breadcrumb{ font-size:10px; margin-bottom:6px; padding:2px 8px; }
    .vk-pagehero .vk-eyebrow{ font-size:9px; margin-bottom:7px; padding:3px 9px; }
}

/* ----------- ② SECTION HEADS (vk-pagelist intro) ----------- */
.vk-pagelist,
.vk-pagefeatures,
.vk-pagecta{
    background:
        radial-gradient(ellipse 80% 50% at 50% 0%, rgba(245,177,0,.04) 0%, transparent 60%),
        var(--vk-bg) !important;
    padding:56px var(--vk-pad) !important;
}
.vk-pagelist .vk-section__head,
.vk-pagefeatures .vk-section__head,
.vk-pagecta .vk-section__head{
    max-width:720px;
    margin:0 auto 28px;
    text-align:center;
}
.vk-pagelist .vk-eyebrow,
.vk-pagefeatures .vk-eyebrow,
.vk-pagecta .vk-eyebrow{
    display:inline-flex; align-items:center; gap:8px;
    padding:5px 12px;
    border-radius:999px;
    background:rgba(245,177,0,.10);
    border:1px solid rgba(245,177,0,.28);
    color:var(--vk-gold);
    font-family:var(--vk-font-en); font-size:10.5px; font-weight:700;
    letter-spacing:.18em; text-transform:uppercase;
    margin-bottom:14px;
}
.vk-pagelist .vk-h2,
.vk-pagefeatures .vk-h2,
.vk-pagecta .vk-h2{
    font-family:var(--vk-font-bn) !important;
    font-size:clamp(24px, 3.8vw, 36px) !important;
    font-weight:800 !important;
    line-height:1.25 !important;
    margin:0 0 12px !important;
    color:var(--vk-text);
    text-align:center;
    text-wrap:balance;
}
.vk-pagelist .vk-h2 em,
.vk-pagefeatures .vk-h2 em,
.vk-pagecta .vk-h2 em{
    font-family:var(--vk-font-bn) !important;
    font-style:normal !important;
    font-weight:900 !important;
    background:var(--vk-grad-gold);
    -webkit-background-clip:text; background-clip:text;
    -webkit-text-fill-color:transparent; color:transparent !important;
    display:inline-block;
    padding:.04em .04em .14em;
    line-height:1.22;
}
.vk-pagelist .vk-lead,
.vk-pagefeatures .vk-lead,
.vk-pagecta .vk-lead{
    font-size:15px;
    color:var(--vk-text-2);
    line-height:1.78;
    max-width:560px;
    margin:0 auto;
    text-align:center;
    text-wrap:balance;
}

/* ----------- ③ AGENT CARDS ----------- */
.velki-agent-list-container{
    max-width:var(--vk-max);
    margin:0 auto !important;
    display:grid !important;
    grid-template-columns:repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap:14px !important;
    padding:0 !important;
}

/* ═════════════════════════════════════════════════════════
   PREMIUM VIP CARD — luxury membership card aesthetic
   Layered background: deep-navy base + diagonal gold chevron
   pinstripe + corner radial gold glows + watermark "V"
   letter + continuous diagonal sheen sweep + double gold edge.
   ═════════════════════════════════════════════════════════ */
.velki-agent-card{
    position:relative;
    /* Multi-layer premium background — deep, foiled, lit */
    background:
        /* Diagonal gold chevron pinstripe (super faint) */
        repeating-linear-gradient(
            135deg,
            transparent 0px,
            transparent 9px,
            rgba(245,177,0,.022) 9px,
            rgba(245,177,0,.022) 10px,
            transparent 10px,
            transparent 20px
        ),
        /* Top-edge gold highlight */
        linear-gradient(180deg, rgba(255,210,77,.08) 0%, transparent 26%),
        /* Bottom-right gold vignette */
        radial-gradient(ellipse 80% 100% at 100% 100%, rgba(245,177,0,.12), transparent 60%),
        /* Top-left subtle gold vignette */
        radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255,210,77,.08), transparent 60%),
        /* Deep base — slightly navy-tinted near-black */
        linear-gradient(180deg, #15192C 0%, #080A14 100%) !important;
    border:1px solid transparent !important;
    border-radius:18px !important;
    overflow:hidden !important;
    /* 3D depth — outer cast shadow + inner gold/dark embosses */
    box-shadow:
        0 24px 56px -22px rgba(0,0,0,.85),
        0 8px 22px -10px rgba(0,0,0,.6),
        inset 0 1px 0 rgba(255,210,77,.18),   /* top highlight */
        inset 0 -1px 0 rgba(0,0,0,.5),         /* bottom shadow */
        inset 0 0 0 1px rgba(245,177,0,.06) !important;
    transition:transform .35s var(--vk-easing), box-shadow .35s !important;
    isolation:isolate;
}

/* Watermark "VELKI" V — large faded letterform in bottom-right */
.velki-agent-card::before{
    content:"V";
    position:absolute;
    right:-22px;
    bottom:-46px;
    font-family:var(--vk-font-en);
    font-weight:900;
    font-size:160px;
    line-height:1;
    letter-spacing:-.06em;
    background:linear-gradient(160deg, rgba(255,210,77,.10) 0%, rgba(245,177,0,.04) 60%, transparent 100%);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
    -webkit-text-stroke:1px rgba(245,177,0,.10);
    pointer-events:none;
    user-select:none;
    z-index:1;
    transform:rotate(-2deg);
    transition:opacity .35s;
    opacity:.85;
}

/* Continuous diagonal sheen sweep — premium foil sparkle */
.velki-agent-card::after{
    content:"";
    position:absolute; inset:0;
    border-radius:18px;
    background:linear-gradient(
        115deg,
        transparent 30%,
        rgba(255,210,77,.05) 46%,
        rgba(255,232,160,.14) 50%,
        rgba(255,210,77,.05) 54%,
        transparent 70%
    );
    transform:translateX(-100%);
    animation:vk-card-sheen 7.5s ease-in-out infinite;
    pointer-events:none;
    z-index:2;
}
@keyframes vk-card-sheen{
    0%      { transform:translateX(-100%); opacity:0; }
    10%     { opacity:.85; }
    50%     { transform:translateX(100%); opacity:.85; }
    60%     { transform:translateX(100%); opacity:0; }
    100%    { transform:translateX(100%); opacity:0; }
}
@media (prefers-reduced-motion: reduce){
    .velki-agent-card::after{ animation:none; opacity:0; }
}

/* Hover — lift, deepen the bottom-right vignette, brighten watermark */
body:not(.modal-open) .velki-agent-card:hover{
    transform:translateY(-4px) !important;
    box-shadow:
        0 32px 64px -22px rgba(245,177,0,.32),
        0 18px 44px -18px rgba(0,0,0,.75),
        inset 0 1px 0 rgba(255,210,77,.25),
        inset 0 -1px 0 rgba(0,0,0,.5),
        inset 0 0 0 1px rgba(245,177,0,.18) !important;
}
body:not(.modal-open) .velki-agent-card:hover::before{
    opacity:1;
    transform:rotate(-2deg) scale(1.06);
}

/* Inner ornamental frame — double gold rule on top + bottom edges,
   evokes the engraved lines on premium membership cards. */
.velki-agent-card .agent-main-section{
    position:relative;
    overflow:hidden;
}
.velki-agent-card .agent-main-section::before{
    content:"";
    position:absolute; left:14px; right:14px; top:5px;
    height:0;
    /* Double gold rule — two 1px lines with a tiny gap */
    border-top:1px solid rgba(245,177,0,.55);
    box-shadow:0 2px 0 rgba(245,177,0,.18);
    pointer-events:none;
    z-index:5;
    opacity:.7;
    transition:opacity .35s, left .35s, right .35s;
}
.velki-agent-card .agent-main-section::after{
    content:"";
    position:absolute; left:14px; right:14px; bottom:5px;
    height:0;
    border-bottom:1px solid rgba(245,177,0,.55);
    box-shadow:0 -2px 0 rgba(245,177,0,.18);
    pointer-events:none;
    z-index:5;
    opacity:.55;
    transition:opacity .35s, left .35s, right .35s;
}
body:not(.modal-open) .velki-agent-card:hover .agent-main-section::before{
    opacity:1;
    left:10px; right:10px;
}
body:not(.modal-open) .velki-agent-card:hover .agent-main-section::after{
    opacity:.85;
    left:10px; right:10px;
}

/* Make sure all card content sits above the decorative layers */
.velki-agent-card .agent-main-section > *{
    position:relative;
    z-index:3;
}

/* Card main row — photo + info(2 lines, centered) + toggle */
.velki-agent-card .agent-main-section{
    display:grid !important;
    grid-template-columns:auto 1fr auto !important;
    align-items:center !important;
    gap:11px !important;
    padding:10px 12px 10px 14px !important;
}

/* Photo wrapper — premium gold ring, slimmer */
.velki-agent-card .agent-photo-wrapper{
    position:relative;
    flex-shrink:0;
    width:44px; height:44px;
    border-radius:50%;
    background:conic-gradient(
        from 0deg,
        var(--vk-gold) 0deg,
        rgba(255,210,77,.4) 60deg,
        var(--vk-gold) 120deg,
        rgba(255,210,77,.4) 200deg,
        var(--vk-gold) 280deg,
        rgba(255,210,77,.5) 340deg,
        var(--vk-gold) 360deg
    );
    padding:1.5px;
    box-shadow:
        0 0 0 1px rgba(0,0,0,.5),
        0 3px 10px rgba(245,177,0,.32);
    transition:box-shadow .3s, transform .3s var(--vk-easing);
}
body:not(.modal-open) .velki-agent-card:hover .agent-photo-wrapper{
    transform:rotate(2deg);
    box-shadow:
        0 0 0 1px rgba(0,0,0,.5),
        0 4px 14px rgba(245,177,0,.5);
}
.velki-agent-card .agent-photo,
.velki-agent-card .agent-photo-placeholder{
    width:41px !important; height:41px !important;
    border-radius:50% !important;
    object-fit:cover;
    display:block !important;
    background:rgba(255,255,255,.04);
    border:0 !important;
    box-shadow:inset 0 0 0 1.5px #0B0D17 !important;
}
.velki-agent-card .agent-photo-placeholder{
    display:inline-flex !important;
    align-items:center; justify-content:center;
    background:linear-gradient(135deg, #FFD24D, var(--vk-gold), #C88500) !important;
    color:#0A0B10;
    font-family:var(--vk-font-bn); font-weight:800;
    font-size:17px;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.4), inset 0 -1px 0 rgba(0,0,0,.25) !important;
}
.velki-agent-card .agent-avatar-initial{
    line-height:1;
    color:#0A0B10;
    text-shadow:0 1px 0 rgba(255,255,255,.25);
}

/* Verified badge — tight green pill at 5-o'clock */
.velki-agent-card .agent-verified-badge{
    position:absolute;
    right:-3px; bottom:-1px;
    width:17px; height:17px; border-radius:50%;
    background:linear-gradient(135deg, #25D366 0%, #19A85B 100%) !important;
    border:2px solid #0B0D17 !important;
    color:#fff !important;
    display:inline-flex; align-items:center; justify-content:center;
    box-shadow:
        0 3px 8px rgba(25,195,125,.5),
        inset 0 1px 0 rgba(255,255,255,.3);
    transform:translate(15%, 0);
    z-index:4;
}
.velki-agent-card .agent-verified-badge svg{
    width:9px; height:9px;
    color:#fff;
}

/* Info column — TWO centered lines.
   Row 1: name + VIP chip (centered)
   Row 2: group + rating + ID (centered) */
.velki-agent-card .agent-info{
    min-width:0;
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:wrap !important;
    align-items:center;
    justify-content:center;
    text-align:center;
    gap:4px 6px !important;
    line-height:1.15;
}
.velki-agent-card .agent-name-row{
    display:inline-flex; align-items:center; gap:5px;
    flex-wrap:nowrap;
    width:100%;
    justify-content:center;
    position:relative;
}
.velki-agent-card .agent-name-row::before{ display:none !important; }
.velki-agent-card .agent-name{
    margin:0 !important;
    font-family:var(--vk-font-bn) !important;
    font-size:14.5px !important; font-weight:800 !important;
    background:linear-gradient(180deg, #FFFFFF 0%, #FFE9B7 100%);
    -webkit-background-clip:text; background-clip:text;
    -webkit-text-fill-color:transparent; color:transparent !important;
    line-height:1.3 !important;
    letter-spacing:.005em;
    white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
    max-width:100%;
    padding:1px 0 3px;
    text-shadow:0 1px 0 rgba(0,0,0,.4);
}

/* Premium crown — gold pill with a FontAwesome crown glyph (consistent
   rendering across OSes; replaces the system emoji). */
.velki-agent-card .agent-premium-crown{
    display:inline-flex; align-items:center; justify-content:center;
    width:18px; height:18px;
    border-radius:50%;
    background:linear-gradient(135deg, #FFD24D, var(--vk-gold), #C88500);
    color:#0A0B10;
    box-shadow:
        0 2px 6px rgba(245,177,0,.5),
        inset 0 1px 0 rgba(255,255,255,.45);
    font-size:0;  /* hide the 👑 emoji */
    line-height:1;
}
.velki-agent-card .agent-premium-crown::before{
    content:"\f521";                       /* fa-solid fa-crown */
    font-family:"Font Awesome 6 Free";
    font-weight:900;
    font-size:9px;
    line-height:1;
    color:#0A0B10;
    text-shadow:0 1px 0 rgba(255,255,255,.35);
}

/* The agent-info is now flex-row + wrap. Each meta child is inline. */
.velki-agent-card .agent-info > *:not(.agent-name-row){
    display:inline-flex !important;
    align-items:center;
}
.velki-agent-card .agent-group{
    padding:1px 7px;
    border-radius:999px;
    background:linear-gradient(180deg, rgba(245,177,0,.16), rgba(245,177,0,.06));
    color:var(--vk-gold) !important;
    border:1px solid rgba(245,177,0,.32);
    font-family:var(--vk-font-bn);
    font-size:9.5px !important; font-weight:600 !important;
    letter-spacing:.01em;
    line-height:1.5;
}
.velki-agent-card .agent-rating{
    font-size:9.5px !important;
    color:#FFC83A;
    letter-spacing:.5px;
    line-height:1;
    filter:drop-shadow(0 0 3px rgba(255,200,77,.35));
}
.velki-agent-card .agent-id-section{
    padding:1px 6px 1px 5px;
    border-radius:5px;
    background:rgba(0,0,0,.32);
    border:1px solid rgba(245,177,0,.22);
    font-family:var(--vk-font-en);
    font-size:9.5px;
    color:var(--vk-text);
    letter-spacing:.02em;
    font-variant-numeric:tabular-nums;
    line-height:1.5;
}
.velki-agent-card .agent-id-label{
    color:var(--vk-gold);
    font-weight:700;
    margin-right:3px;
}
.velki-agent-card .agent-id-value{
    color:#fff;
    font-weight:600;
}
/* Wrap the inline meta row so it stays on one line as long as possible */
.velki-agent-card .agent-info{ flex-wrap:wrap; }

/* Toggle button — slim gold-tinted circular */
.velki-agent-card .agent-contact-toggle{
    width:30px; height:30px; border-radius:50% !important;
    background:linear-gradient(180deg, rgba(245,177,0,.16), rgba(245,177,0,.04)) !important;
    border:1px solid rgba(245,177,0,.32) !important;
    color:var(--vk-gold) !important;
    display:inline-flex; align-items:center; justify-content:center;
    cursor:pointer;
    transition:all .25s var(--vk-easing) !important;
    flex-shrink:0;
    position:relative;
}
.velki-agent-card .agent-contact-toggle::before{
    content:""; position:absolute; inset:0;
    border-radius:50%;
    background:radial-gradient(circle at center, rgba(245,177,0,.3), transparent 70%);
    opacity:0;
    transition:opacity .25s;
}
.velki-agent-card .agent-contact-toggle:hover,
.velki-agent-card .agent-contact-toggle:focus-visible{
    background:linear-gradient(135deg, #FFD24D, var(--vk-gold)) !important;
    border-color:transparent !important;
    color:#0A0B10 !important;
    box-shadow:
        0 6px 16px rgba(245,177,0,.45),
        inset 0 1px 0 rgba(255,255,255,.4) !important;
    outline:0;
    transform:scale(1.06);
}
.velki-agent-card .agent-contact-toggle:hover::before{ opacity:1; }
.velki-agent-card .agent-contact-toggle .toggle-icon{
    transition:transform .3s var(--vk-easing);
    width:14px; height:14px;
    position:relative;
    z-index:1;
}
.velki-agent-card .agent-contact-toggle[aria-expanded="true"] .toggle-icon{
    transform:rotate(180deg);
}
.velki-agent-card .agent-contact-toggle[aria-expanded="true"]{
    background:linear-gradient(135deg, #FFD24D, var(--vk-gold)) !important;
    border-color:transparent !important;
    color:#0A0B10 !important;
}

/* Expanded contact section */
.velki-agent-card .agent-contact-section{
    background:
        linear-gradient(180deg, rgba(245,177,0,.04), rgba(255,255,255,0)) !important;
    border-top:1px dashed rgba(245,177,0,.18) !important;
    padding:14px 16px 16px !important;
}
.velki-agent-card .agent-contact-section .modal-header{
    display:flex; align-items:center; justify-content:space-between;
    margin-bottom:12px;
}
.velki-agent-card .agent-contact-section .modal-title-section{
    display:flex; align-items:center; gap:10px;
    flex-wrap:wrap;
}
.velki-agent-card .agent-contact-section .modal-title{
    margin:0 !important;
    font-family:var(--vk-font-bn);
    font-size:14px !important;
    font-weight:700 !important;
    color:#fff !important;
}
.velki-agent-card .agent-contact-section .modal-agent-id{
    display:inline-flex; align-items:center; gap:4px;
    font-family:var(--vk-font-en); font-size:10.5px;
    color:var(--vk-text-3); font-variant-numeric:tabular-nums;
}
.velki-agent-card .agent-contact-section .modal-id-label{ color:var(--vk-gold); font-weight:700; }
.velki-agent-card .agent-contact-section .modal-close{
    width:30px; height:30px; border-radius:8px !important;
    background:rgba(255,255,255,.04) !important;
    border:1px solid var(--vk-line-2) !important;
    color:var(--vk-text-2) !important;
    display:inline-flex; align-items:center; justify-content:center;
    cursor:pointer;
    transition:all .2s !important;
}
.velki-agent-card .agent-contact-section .modal-close:hover{
    background:rgba(255,59,71,.16) !important;
    border-color:rgba(255,59,71,.5) !important;
    color:var(--vk-red-2) !important;
    transform:rotate(90deg);
}
.velki-agent-card .agent-contact-section .modal-close svg{ width:16px; height:16px; }

/* Contact column (WhatsApp / Messenger) */
.velki-agent-card .contact-column{
    margin-bottom:10px;
    padding:10px 10px 8px;
    border-radius:10px;
    background:rgba(255,255,255,.025);
    border:1px solid var(--vk-line);
}
.velki-agent-card .contact-column:last-child{ margin-bottom:0; }
.velki-agent-card .whatsapp-column{ border-color:rgba(37,211,102,.22); }
.velki-agent-card .messenger-column{ border-color:rgba(0,132,255,.24); }

.velki-agent-card .contact-header{
    display:flex; align-items:center; gap:7px;
    font-family:var(--vk-font-en); font-size:10.5px; font-weight:800;
    letter-spacing:.14em; text-transform:uppercase;
    margin-bottom:8px;
}
.velki-agent-card .whatsapp-column  .contact-header{ color:#25D366; }
.velki-agent-card .messenger-column .contact-header{ color:#0084FF; }

.velki-agent-card .contact-item{
    display:flex; align-items:center; justify-content:space-between;
    gap:8px;
    padding:6px 8px;
    border-radius:8px;
    background:rgba(0,0,0,.22);
    margin-bottom:5px;
}
.velki-agent-card .contact-item:last-child{ margin-bottom:0; }
.velki-agent-card .contact-number{
    font-family:var(--vk-font-en); font-weight:600;
    font-size:12.5px; color:var(--vk-text);
    font-variant-numeric:tabular-nums;
    white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
    flex:1; min-width:0;
}
.velki-agent-card .contact-actions{
    display:inline-flex; gap:5px; flex-shrink:0;
}
.velki-agent-card .copy-btn{
    width:30px; height:30px; border-radius:7px !important;
    background:rgba(255,255,255,.04) !important;
    border:1px solid var(--vk-line-2) !important;
    color:var(--vk-text-2) !important;
    display:inline-flex; align-items:center; justify-content:center;
    cursor:pointer;
    transition:all .2s !important;
}
.velki-agent-card .copy-btn:hover{
    background:rgba(245,177,0,.12) !important;
    border-color:rgba(245,177,0,.45) !important;
    color:var(--vk-gold) !important;
}
.velki-agent-card .copy-btn.copied{
    background:rgba(25,195,125,.18) !important;
    border-color:rgba(25,195,125,.5) !important;
    color:var(--vk-green) !important;
}
.velki-agent-card .message-btn{
    display:inline-flex; align-items:center; gap:5px;
    padding:0 11px; height:30px;
    border-radius:7px;
    font-family:var(--vk-font-en); font-weight:700; font-size:11px;
    letter-spacing:.04em;
    text-decoration:none;
    transition:transform .2s, filter .2s !important;
}
.velki-agent-card .whatsapp-message-btn{
    background:linear-gradient(135deg, #25D366, #128C7E) !important;
    color:#fff !important;
    box-shadow:0 4px 10px rgba(37,211,102,.32);
}
.velki-agent-card .messenger-message-btn{
    background:linear-gradient(135deg, #0084FF, #006AE0) !important;
    color:#fff !important;
    box-shadow:0 4px 10px rgba(0,132,255,.32);
}
.velki-agent-card .message-btn:hover{ transform:translateY(-1px); filter:brightness(1.06); }
.velki-agent-card .message-btn svg{ width:11px; height:11px; }

/* Mobile cards — ultra-slim single-line profile */
@media (max-width:560px){
    .velki-agent-list-container{ grid-template-columns:1fr !important; gap:8px !important; }
    .velki-agent-card .agent-main-section{ padding:8px 10px !important; gap:8px !important; }
    .velki-agent-card .agent-info{ gap:6px !important; }
    .velki-agent-card .agent-photo-wrapper{ width:38px; height:38px; padding:1.5px; }
    .velki-agent-card .agent-photo,
    .velki-agent-card .agent-photo-placeholder{ width:35px !important; height:35px !important; }
    .velki-agent-card .agent-photo-placeholder{ font-size:14px; }
    .velki-agent-card .agent-verified-badge{ width:14px; height:14px; border-width:1.5px; }
    .velki-agent-card .agent-verified-badge svg{ width:8px; height:8px; }
    .velki-agent-card .agent-name{ font-size:12px !important; }
    .velki-agent-card .agent-group{ font-size:8.5px !important; padding:0 5px; }
    .velki-agent-card .agent-rating{ font-size:8.5px !important; }
    .velki-agent-card .agent-id-section{ font-size:8.5px; padding:0 4px; }
    .velki-agent-card .agent-contact-toggle{ width:26px; height:26px; }
    .velki-agent-card .agent-contact-toggle .toggle-icon{ width:12px; height:12px; }
    .velki-agent-card .agent-premium-crown{ width:16px; height:16px; }
    .velki-agent-card .agent-premium-crown::before{ font-size:8px; }
    .velki-agent-card::before{ font-size:120px; right:-15px; bottom:-32px; }
    .velki-agent-card .agent-contact-section{ padding:10px 11px 12px !important; }
    .velki-agent-card .contact-number{ font-size:11.5px; }
    .velki-agent-card .copy-btn{ width:28px; height:28px; }
    .velki-agent-card .message-btn{ height:28px; padding:0 9px; font-size:10.5px; }
}

/* ----------- ④ FEATURE CARDS (vk-pagefeatures) ----------- */
.vk-pagefeatures{
    border-top:1px solid rgba(245,177,0,.10);
}
.vk-pagefeatures__grid{
    max-width:var(--vk-max);
    margin:0 auto;
    display:grid !important;
    grid-template-columns:repeat(auto-fit, minmax(280px, 1fr)) !important;
    gap:20px !important;
}
.vk-pagefeature{
    position:relative;
    padding:28px 26px 24px !important;
    background:
        linear-gradient(160deg, rgba(245,177,0,.06), transparent 50%),
        linear-gradient(180deg, rgba(20,23,42,.92), rgba(11,13,23,.96)) !important;
    border:1px solid var(--vk-line-2) !important;
    border-radius:18px !important;
    overflow:hidden;
    isolation:isolate;
    transition:transform .35s var(--vk-easing), border-color .3s, box-shadow .3s;
}
.vk-pagefeature:hover{
    transform:translateY(-4px);
    border-color:rgba(245,177,0,.4) !important;
    box-shadow:
        0 28px 56px -22px rgba(245,177,0,.18),
        0 14px 36px -22px rgba(0,0,0,.65),
        inset 0 1px 0 rgba(255,255,255,.04);
}
/* Big number watermark — derived from card order */
.vk-pagefeature::after{
    content:""; position:absolute;
    bottom:-30px; right:-20px;
    width:140px; height:140px;
    border-radius:50%;
    background:radial-gradient(circle, rgba(245,177,0,.18), transparent 65%);
    pointer-events:none;
    filter:blur(20px);
    opacity:.55;
    transition:opacity .35s;
    z-index:0;
}
.vk-pagefeature:hover::after{ opacity:1; }

.vk-pagefeature__icon{
    position:relative; z-index:1;
    display:inline-flex; align-items:center; justify-content:center;
    width:54px; height:54px;
    border-radius:14px;
    background:linear-gradient(135deg, var(--vk-gold), color-mix(in srgb, var(--vk-gold) 60%, #000));
    color:#0A0B10 !important;
    margin-bottom:18px !important;
    box-shadow:
        0 10px 22px -6px rgba(245,177,0,.45),
        inset 0 1px 0 rgba(255,255,255,.35),
        inset 0 -1px 0 rgba(0,0,0,.2);
    transition:transform .35s var(--vk-easing);
}
.vk-pagefeature:hover .vk-pagefeature__icon{ transform:rotate(-6deg) scale(1.05); }
.vk-pagefeature__icon svg{ width:24px; height:24px; }

.vk-pagefeature__title{
    position:relative; z-index:1;
    margin:0 0 8px !important;
    font-family:var(--vk-font-bn) !important;
    font-size:18px !important; font-weight:800 !important;
    color:#fff !important;
    line-height:1.3;
    letter-spacing:.005em;
}
.vk-pagefeature__desc{
    position:relative; z-index:1;
    margin:0 !important;
    font-family:var(--vk-font-bn);
    font-size:13.5px !important;
    color:var(--vk-text-2) !important;
    line-height:1.65 !important;
}

@media (max-width:560px){
    .vk-pagefeatures__grid{ grid-template-columns:1fr !important; gap:12px !important; }
    .vk-pagefeature{ padding:22px 20px 20px !important; }
    .vk-pagefeature__icon{ width:46px; height:46px; margin-bottom:14px !important; }
    .vk-pagefeature__icon svg{ width:20px; height:20px; }
    .vk-pagefeature__title{ font-size:16px !important; }
    .vk-pagefeature__desc{ font-size:12.5px !important; }
}

/* ----------- ⑤ CTA (vk-pagecta) ----------- */
.vk-pagecta{
    position:relative;
    overflow:hidden;
    isolation:isolate;
    padding:64px var(--vk-pad) 72px !important;
    border-top:1px solid rgba(245,177,0,.18);
}
.vk-pagecta::before,
.vk-pagecta::after{
    content:""; position:absolute;
    width:520px; height:520px; border-radius:50%;
    filter:blur(96px); pointer-events:none;
    z-index:-1;
}
.vk-pagecta::before{ top:-180px; left:-160px; background:rgba(245,177,0,.20); }
.vk-pagecta::after{ bottom:-200px; right:-180px; background:rgba(211,32,48,.14); }

/* Full-bleed CTA — truly edge-to-edge, no rounded card, no max-width.
   Background gradient + top/bottom gold rules span the viewport. */
.vk-pagecta{
    padding:0 !important;
    max-width:none !important;
    width:100% !important;
    margin:0 !important;
}
.vk-pagecta__inner{
    max-width:none !important;
    width:100% !important;
    margin:0 !important;
    text-align:center !important;
    padding:64px var(--vk-pad) !important;
    border-radius:0 !important;
    background:
        linear-gradient(135deg, rgba(245,177,0,.08) 0%, transparent 50%),
        linear-gradient(180deg, rgba(20,23,42,.92), rgba(11,13,23,.98)) !important;
    border:0 !important;
    border-top:1px solid rgba(245,177,0,.32) !important;
    border-bottom:1px solid rgba(245,177,0,.32) !important;
    box-shadow:none !important;
    position:relative;
}
.vk-pagecta__inner::after{
    /* Soft gold corner glow for the full-bleed band */
    content:""; position:absolute;
    bottom:-200px; right:-180px;
    width:520px; height:520px; border-radius:50%;
    background:rgba(245,177,0,.20);
    filter:blur(96px);
    pointer-events:none;
    z-index:0;
}
.vk-pagecta__inner > *{ position:relative; z-index:1; }
.vk-pagecta__inner .vk-h2,
.vk-pagecta__inner .vk-lead{
    max-width:760px !important;
    margin-left:auto !important;
    margin-right:auto !important;
}
.vk-pagecta__inner::before{
    content:""; position:absolute; top:0; left:50%; transform:translateX(-50%);
    width:60%; height:2px; max-width:300px;
    background:linear-gradient(90deg, transparent, var(--vk-gold), transparent);
    box-shadow:0 0 10px rgba(245,177,0,.5);
}
.vk-pagecta__buttons{
    display:flex !important; flex-wrap:wrap; gap:12px !important;
    justify-content:center !important;
    margin-top:26px !important;
}
.vk-pagecta .vk-btn,
.vk-pagecta__buttons a{
    display:inline-flex; align-items:center; gap:8px;
    padding:14px 26px;
    border-radius:13px;
    font-family:var(--vk-font-bn); font-weight:700; font-size:14.5px;
    text-decoration:none;
    border:1px solid transparent;
    transition:transform .22s var(--vk-easing), box-shadow .22s, filter .22s;
    line-height:1;
}
.vk-pagecta .vk-btn--primary{
    background:var(--vk-grad-gold) !important;
    color:#0A0B10 !important;
    box-shadow:
        0 18px 40px rgba(245,177,0,.32),
        inset 0 1px 0 rgba(255,255,255,.45) !important;
}
.vk-pagecta .vk-btn--primary:hover{
    transform:translateY(-2px);
    box-shadow:
        0 26px 50px rgba(245,177,0,.42),
        inset 0 1px 0 rgba(255,255,255,.55) !important;
}
.vk-pagecta .vk-btn--whatsapp{
    background:linear-gradient(135deg, #25D366, #128C7E) !important;
    color:#fff !important;
    border-color:transparent;
    box-shadow:
        0 14px 28px rgba(37,211,102,.32),
        inset 0 1px 0 rgba(255,255,255,.32) !important;
}
.vk-pagecta .vk-btn--whatsapp:hover{
    transform:translateY(-2px);
    filter:brightness(1.06);
    box-shadow:
        0 22px 40px rgba(37,211,102,.42),
        inset 0 1px 0 rgba(255,255,255,.4) !important;
}
.vk-pagecta .vk-btn svg{ width:16px; height:16px; flex-shrink:0; }

@media (max-width:560px){
    .vk-pagecta{ padding:48px var(--vk-pad) 56px !important; }
    .vk-pagecta__inner{ padding:30px 22px !important; }
    .vk-pagecta__buttons{ flex-direction:column !important; align-items:stretch; }
    .vk-pagecta__buttons a{ width:100%; justify-content:center; }
}