/* ═══ KeoVip2026 – Main Stylesheet v3.0 ═══ */
:root{
  --bg:#040d18;--bg2:#071222;--bg3:#0c1c2e;
  --card:#0f2035;--b:#1a2d45;--b2:#243d58;--b3:#0d1e30;
  --txt:#e8f0f8;--txt2:#c4d4e4;--mut:#5a7a95;
  --g:#00e676;--gdim:rgba(0,230,118,.08);--gr:rgba(0,230,118,.15);
  --r:#ff1744;--gold:#ffd600;
  --radius:12px;--trans:.18s ease;
  --wrap:1160px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--txt);font-family:'Barlow',system-ui,sans-serif;font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--g);text-decoration:none}
h1,h2,h3,h4{font-family:'Barlow Condensed',sans-serif;line-height:1.2;color:var(--txt)}

/* ── Layout ── */
.kv-wrap{max-width:var(--wrap);margin:0 auto;padding:0 20px}
.kv-sec{padding:56px 0}
.kv-sec--alt{background:var(--bg2)}
.kv-main{min-height:60vh}

/* ── Section header ── */
.kv-slbl{font-size:12px;font-weight:700;color:var(--g);text-transform:uppercase;letter-spacing:1.2px;margin-bottom:8px;display:flex;align-items:center;gap:6px}
.kv-st{font-size:clamp(24px,4vw,36px);font-weight:800;color:var(--txt);margin-bottom:8px}
.kv-ss{font-size:15px;color:var(--txt2);max-width:640px}
.kv-sh{margin-bottom:32px}
.kv-sh--row{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:12px}
.kv-see{font-size:13px;color:var(--g);font-weight:600;white-space:nowrap}
.kv-see:hover{text-decoration:underline}

/* ── Buttons ── */
.kv-btn{display:inline-flex;align-items:center;gap:8px;font-family:'Barlow Condensed',sans-serif;font-size:15px;font-weight:700;letter-spacing:.4px;padding:12px 22px;border-radius:8px;border:none;cursor:pointer;transition:all var(--trans);text-decoration:none;white-space:nowrap}
.kv-btn--primary{background:var(--g);color:#040d18}
.kv-btn--primary:hover{background:#00ff88;transform:translateY(-1px);box-shadow:0 4px 20px rgba(0,230,118,.35);color:#040d18}
.kv-btn--outline{background:transparent;color:var(--g);border:1.5px solid var(--g)}
.kv-btn--outline:hover{background:var(--gdim)}
.kv-btn--ghost{background:var(--bg3);color:var(--txt2);border:1px solid var(--b2)}
.kv-btn--ghost:hover{border-color:var(--g);color:var(--g)}
.kv-btn--lg{font-size:17px;padding:15px 28px}
.kv-btn--sm{font-size:13px;padding:8px 16px}
.kv-btn--block{width:100%;justify-content:center}

/* ── Ticker ── */
.kv-ticker{background:var(--g);height:36px;overflow:hidden;position:relative}
.kv-ticker__track{display:flex;align-items:center;height:100%;animation:kv-scroll 40s linear infinite}
.kv-ticker__inner{display:flex;align-items:center;gap:0;flex-shrink:0;white-space:nowrap}
.kv-ticker__item{display:inline-flex;align-items:center;gap:6px;color:#040d18;font-weight:700;font-size:12px;padding:0 28px}
.kv-ticker__dot{width:6px;height:6px;border-radius:50%;background:#040d18;flex-shrink:0}
.kv-ticker__dot--r{background:#ff1744}
@keyframes kv-scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* ── Navigation ── */
.kv-nav{background:rgba(4,13,24,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--b);position:sticky;top:0;z-index:1000;height:64px}
.kv-nav__wrap{display:flex;align-items:center;justify-content:space-between;height:64px;gap:16px}
.kv-logo{display:flex;align-items:baseline;gap:1px;text-decoration:none;flex-shrink:0}
.kv-logo__k{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:24px;color:#fff}
.kv-logo__v{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:24px;color:var(--g)}
.kv-logo__y{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:16px;color:var(--gold)}
.kv-logo__c{font-size:11px;color:var(--mut);margin-left:1px}
.kv-nav__menu{flex:1;display:flex;justify-content:center}
.kv-nav__list{display:flex;list-style:none;gap:2px}
.kv-nav__list li a{display:block;padding:8px 14px;font-size:13px;font-weight:600;color:var(--txt2);border-radius:6px;transition:all var(--trans)}
.kv-nav__list li a:hover,.kv-nav__list li a.active{color:var(--g);background:var(--gdim)}
.kv-nav__right{display:flex;align-items:center;gap:10px;flex-shrink:0}
.kv-nav__cta{background:var(--g);color:#040d18!important;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:14px;padding:9px 18px;border-radius:7px;letter-spacing:.4px;transition:all var(--trans)}
.kv-nav__cta:hover{background:#00ff88;transform:translateY(-1px)}
.kv-nav__burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:6px}
.kv-nav__burger span{width:22px;height:2px;background:var(--txt);border-radius:2px;transition:all var(--trans)}
.kv-nav__mobile{display:none;background:var(--bg2);border-top:1px solid var(--b);padding:12px 20px}
.kv-nav__mobile.is-open{display:block}
.kv-nav__mobile-list{list-style:none;display:flex;flex-direction:column;gap:4px}
.kv-nav__mobile-list li a{display:block;padding:10px 14px;color:var(--txt2);font-size:15px;border-radius:6px}
.kv-nav__mobile-list li a:hover{background:var(--gdim);color:var(--g)}

/* ── Hero ── */
.kv-hero{padding:60px 0 48px;background:linear-gradient(160deg,var(--bg) 0%,#081a30 55%,var(--bg) 100%);position:relative;overflow:hidden}
.kv-hero::before{content:'';position:absolute;top:-80px;right:-80px;width:500px;height:500px;background:radial-gradient(circle,rgba(0,230,118,.06),transparent 65%);pointer-events:none}
.kv-hero__wrap{display:grid;grid-template-columns:1fr 380px;gap:40px;align-items:center}
.kv-hero__badge{display:inline-flex;align-items:center;gap:6px;background:rgba(0,230,118,.08);border:1px solid rgba(0,230,118,.18);border-radius:100px;padding:5px 14px;font-size:12px;font-weight:600;color:var(--g);margin-bottom:16px}
.kv-hero__title{font-size:clamp(36px,6vw,64px);font-weight:900;line-height:1.05;margin-bottom:16px}
.kv-hero__title-sm{display:block;font-size:clamp(18px,3vw,26px);font-weight:600;color:var(--txt2)}
.kv-hero__title-g{display:block;color:var(--g)}
.kv-hero__title-go{display:block;color:var(--gold)}
.kv-hero__desc{color:var(--txt2);font-size:15px;line-height:1.7;margin-bottom:20px;max-width:540px}
.kv-hero__btns{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:28px}
.kv-kpis{display:flex;gap:24px;flex-wrap:wrap}
.kv-kpi{text-align:left}
.kv-kpi__val{font-family:'Barlow Condensed',sans-serif;font-size:32px;font-weight:900;color:var(--g);line-height:1}
.kv-kpi__val span{font-size:16px;color:var(--gold)}
.kv-kpi__lbl{font-size:11px;color:var(--mut);text-transform:uppercase;letter-spacing:.6px;margin-top:2px}

/* ── Promo Box ── */
.kv-promobox{background:var(--card);border:1px solid var(--b2);border-radius:16px;overflow:hidden;box-shadow:0 8px 40px rgba(0,0,0,.4)}
.kv-promobox__head{background:linear-gradient(135deg,#0d2540,#091a2e);padding:18px 20px;border-bottom:1px solid var(--b)}
.kv-promobox__site{font-size:11px;color:var(--g);font-weight:700;text-transform:uppercase;letter-spacing:.8px;margin-bottom:4px}
.kv-promobox__title{font-family:'Barlow Condensed',sans-serif;font-size:22px;font-weight:900;color:var(--txt);line-height:1.2}
.kv-promobox__rows{padding:12px 16px;display:flex;flex-direction:column;gap:8px}
.kv-promobox__row{display:flex;justify-content:space-between;align-items:center;background:var(--bg2);border-radius:8px;padding:10px 14px;border:1px solid var(--b)}
.kv-promobox__name{font-size:14px;font-weight:700;color:var(--txt)}
.kv-promobox__bonus{font-size:12px;color:var(--g);font-weight:600;margin-top:2px}
.kv-promobox__foot{padding:14px 16px;border-top:1px solid var(--b)}
.kv-promobox__note{font-size:11px;color:var(--mut);text-align:center;margin-top:8px}
.kv-chip{font-size:10px;font-weight:800;padding:2px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.4px}
.kv-chip--hot{background:rgba(255,23,68,.15);color:var(--r);border:1px solid rgba(255,23,68,.3)}
.kv-chip--new{background:rgba(0,230,118,.12);color:var(--g);border:1px solid rgba(0,230,118,.25)}
.kv-chip--top{background:rgba(255,214,0,.12);color:var(--gold);border:1px solid rgba(255,214,0,.25)}
.kv-chip--epl{background:rgba(83,120,215,.15);color:#7db4f5;border:1px solid rgba(83,120,215,.3)}

/* ── Trust Bar ── */
.kv-trustbar{background:var(--bg2);border-top:1px solid var(--b);border-bottom:1px solid var(--b);padding:18px 0}
.kv-trustbar__grid{display:grid;grid-template-columns:repeat(6,1fr);gap:0}
.kv-trustbar__item{display:flex;align-items:center;gap:10px;padding:12px 18px;border-right:1px solid var(--b)}
.kv-trustbar__item:last-child{border-right:none}
.kv-trustbar__ic{font-size:20px;flex-shrink:0;line-height:1}
.kv-trustbar__item strong{display:block;font-size:13px;font-weight:700;font-family:'Barlow Condensed',sans-serif;color:var(--txt);line-height:1.2}
.kv-trustbar__item span{font-size:11px;color:var(--mut);display:block;margin-top:1px}

/* ── Quick Nav ── */
.kv-quicknav{padding:20px 0;background:var(--bg);border-bottom:1px solid var(--b)}
.kv-quicknav__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.kv-qnav{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--b);border-radius:10px;padding:13px 15px;text-decoration:none;color:var(--txt);transition:all var(--trans)}
.kv-qnav:hover{border-color:var(--g);background:var(--gdim);transform:translateY(-1px)}
.kv-qnav__ic{font-size:22px;flex-shrink:0;line-height:1}
.kv-qnav div{flex:1;min-width:0}
.kv-qnav strong{display:block;font-size:13px;font-weight:700;font-family:'Barlow Condensed',sans-serif;color:var(--txt);line-height:1.3}
.kv-qnav span{font-size:11px;color:var(--mut);display:block;margin-top:1px}

/* ── League Tabs ── */
.kv-ltabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:20px}
.kv-ltab{background:var(--card);border:1px solid var(--b);border-radius:8px;padding:8px 14px;font-size:13px;font-weight:600;color:var(--mut);cursor:pointer;transition:all var(--trans);display:flex;align-items:center;gap:6px}
.kv-ltab:hover{border-color:var(--b2);color:var(--txt)}
.kv-ltab--on{background:var(--gdim);border-color:var(--g);color:var(--g)}
.kv-cnt{font-size:11px;background:var(--b2);border-radius:4px;padding:1px 5px}

/* ── Match Grid ── */
.kv-mg{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.kv-mc{background:var(--card);border:1px solid var(--b);border-radius:var(--radius);padding:16px;cursor:pointer;transition:all var(--trans)}
.kv-mc:hover{border-color:var(--b2);transform:translateY(-2px);box-shadow:0 6px 24px rgba(0,0,0,.3)}
.kv-mc__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.kv-mc__league{font-size:11px;font-weight:700;color:var(--g);text-transform:uppercase;letter-spacing:.5px}
.kv-mc__st{font-size:11px;font-weight:700;display:flex;align-items:center;gap:4px;border-radius:100px;padding:3px 10px}
.kv-mc__st--live{background:rgba(255,23,68,.12);color:var(--r)}
.kv-mc__st--ft{background:rgba(255,255,255,.05);color:var(--mut)}
.kv-mc__st--soon{background:rgba(0,230,118,.08);color:var(--g)}
.kv-live-dot{width:6px;height:6px;border-radius:50%;background:var(--r);animation:kv-bl 1s infinite;flex-shrink:0}
@keyframes kv-bl{0%,100%{opacity:1}50%{opacity:.3}}
.kv-mc__teams{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;text-align:center}
.kv-mc__team{display:flex;flex-direction:column;align-items:center;gap:4px}
.kv-mc__logo{width:34px;height:34px;background:var(--bg3);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:900;color:var(--txt2)}
.kv-mc__tn{font-size:12px;font-weight:600;color:var(--txt)}
.kv-mc__vs{display:flex;flex-direction:column;align-items:center;gap:2px}
.kv-mc__vst{font-family:'Barlow Condensed',sans-serif;font-size:15px;font-weight:900;color:var(--mut)}
.kv-mc__time{font-size:11px;color:var(--g)}
.kv-mc__score{font-family:'Barlow Condensed',sans-serif;font-size:24px;font-weight:900;color:var(--txt)}
.kv-mc__min{font-size:10px;color:var(--mut)}
.kv-mc__odds{display:flex;gap:5px;margin-top:12px;padding-top:12px;border-top:1px solid var(--b3)}
.kv-oo{flex:1;background:var(--bg3);border-radius:6px;padding:6px 4px;text-align:center}
.kv-oo__t{font-size:9px;color:var(--mut);text-transform:uppercase;letter-spacing:.4px;margin-bottom:2px}
.kv-oo__v{font-family:'Barlow Condensed',sans-serif;font-size:18px;font-weight:900;color:var(--g)}
.kv-mc__keo{margin-top:10px}
.kv-mc__keo .kv-btn{width:100%;justify-content:center}

/* ── Bookmaker Rankings ── */
.kv-rk-list{display:flex;flex-direction:column;gap:10px}
.kv-rk{display:grid;grid-template-columns:40px 64px 1fr auto auto;gap:14px;align-items:center;background:var(--card);border:1px solid var(--b);border-radius:var(--radius);padding:16px 18px;transition:all var(--trans)}
.kv-rk:hover{border-color:var(--b2);transform:translateY(-1px)}
.kv-rk--r1{border-left:3px solid var(--gold)}
.kv-rk--r2{border-left:3px solid #9e9e9e}
.kv-rk--r3{border-left:3px solid #c0703e}
.kv-rk__num{font-family:'Barlow Condensed',sans-serif;font-size:22px;font-weight:900;color:var(--mut);text-align:center}
.kv-rk--r1 .kv-rk__num{color:var(--gold)}
.kv-rk--r2 .kv-rk__num{color:#9e9e9e}
.kv-rk--r3 .kv-rk__num{color:#c0703e}
.kv-rk__logo{width:56px;height:40px;background:var(--bg3);border-radius:8px;display:flex;align-items:center;justify-content:center;font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:900;color:var(--txt2)}
.kv-rk__name{font-family:'Barlow Condensed',sans-serif;font-size:20px;font-weight:800;color:var(--txt);display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:5px}
.kv-rk__tags{display:flex;flex-wrap:wrap;gap:5px}
.kv-rtag{font-size:10px;background:var(--bg3);border:1px solid var(--b);border-radius:4px;padding:2px 7px;color:var(--txt2)}
.kv-rtag--gold{background:rgba(255,214,0,.08);border-color:rgba(255,214,0,.2);color:var(--gold)}
.kv-rk__desc{font-size:12px;color:var(--mut);margin-top:5px}
.kv-rk__bonus{font-family:'Barlow Condensed',sans-serif;font-size:18px;font-weight:800;color:var(--g);text-align:center;white-space:nowrap}
.kv-rk__actions{display:flex;flex-direction:column;gap:6px;align-items:stretch;min-width:130px}

/* ── Blog Cards ── */
.kv-blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.kv-blogcard{background:var(--card);border:1px solid var(--b);border-radius:var(--radius);overflow:hidden;transition:all var(--trans)}
.kv-blogcard:hover{border-color:var(--b2);transform:translateY(-2px)}
.kv-blogcard__thumb{aspect-ratio:16/9;background:var(--bg3);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.kv-blogcard__emoji{font-size:48px}
.kv-blogcard__thumb img{width:100%;height:100%;object-fit:cover}
.kv-blogcard__body{padding:16px}
.kv-blogcard__date{font-size:11px;color:var(--mut);margin-bottom:6px}
.kv-blogcard__title{font-family:'Barlow Condensed',sans-serif;font-size:17px;font-weight:700;line-height:1.3;margin-bottom:6px}
.kv-blogcard__title a{color:var(--txt);text-decoration:none}
.kv-blogcard__title a:hover{color:var(--g)}
.kv-blogcard__excerpt{font-size:12px;color:var(--mut);line-height:1.6}
.kv-tag{position:absolute;top:10px;left:10px;font-size:10px;font-weight:700;padding:3px 8px;border-radius:4px;background:rgba(4,13,24,.8);color:var(--g);border:1px solid rgba(0,230,118,.3)}

/* ── About / Team ── */
.kv-about{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.kv-about__text{font-size:14px;color:var(--txt2);line-height:1.75;margin-bottom:14px}
.kv-about__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:24px}
.kv-about__stat{text-align:center}
.kv-about__stat-n{display:block;font-family:'Barlow Condensed',sans-serif;font-size:28px;font-weight:900;color:var(--g)}
.kv-about__stat-l{font-size:11px;color:var(--mut);text-transform:uppercase;letter-spacing:.5px}
.kv-team{display:flex;flex-direction:column;gap:14px}
.kv-expert{display:flex;gap:14px;align-items:flex-start;background:var(--bg2);border:1px solid var(--b);border-radius:10px;padding:14px}
.kv-expert__av{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-family:'Barlow Condensed',sans-serif;font-size:14px;font-weight:900;border:1px solid;flex-shrink:0}
.kv-expert__name{font-size:14px;font-weight:700;color:var(--txt)}
.kv-expert__role{font-size:11px;color:var(--g);margin-top:2px}
.kv-expert__bio{font-size:12px;color:var(--mut);margin-top:4px;line-height:1.5}

/* ── Method Steps ── */
.kv-method__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.kv-method__step{background:var(--card);border:1px solid var(--b);border-radius:var(--radius);padding:22px}
.kv-method__n{font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:900;color:var(--g);opacity:.5;margin-bottom:8px}
.kv-method__ic{font-size:28px;margin-bottom:10px}
.kv-method__t{font-family:'Barlow Condensed',sans-serif;font-size:17px;font-weight:700;color:var(--txt);margin-bottom:6px}
.kv-method__d{font-size:12px;color:var(--mut);line-height:1.6}

/* ── CTA Strip ── */
.kv-cta-strip{padding:56px 0;background:linear-gradient(135deg,#061220,#0d2540,#061220);position:relative;text-align:center;overflow:hidden}
.kv-cta-strip::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(0,230,118,.07),transparent 60%);pointer-events:none}
.kv-cta-strip__pill{display:inline-block;background:rgba(0,230,118,.1);border:1px solid rgba(0,230,118,.2);border-radius:100px;padding:5px 16px;font-size:12px;font-weight:700;color:var(--g);margin-bottom:14px}
.kv-cta-strip__title{font-family:'Barlow Condensed',sans-serif;font-size:clamp(32px,5vw,52px);font-weight:900;color:var(--txt);line-height:1.1;margin-bottom:10px}
.kv-cta-strip__title span{color:var(--g)}
.kv-cta-strip__sub{font-size:14px;color:var(--txt2);margin-bottom:28px}
.kv-cta-strip__btns{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-bottom:24px}
.kv-cta-strip__trust{display:flex;justify-content:center;flex-wrap:wrap;gap:16px}
.kv-cta-strip__trust span{font-size:12px;color:var(--mut)}

/* ── FAQ ── */
.kv-fq{border:1px solid var(--b);border-radius:10px;overflow:hidden;margin-bottom:8px;background:var(--card)}
.kv-fq__q{width:100%;background:none;border:none;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;cursor:pointer;text-align:left;color:var(--txt);font-size:15px;font-weight:600;transition:all var(--trans)}
.kv-fq__q:hover{background:var(--gdim)}
.kv-fq__ic{font-size:18px;color:var(--g);flex-shrink:0;transition:transform var(--trans)}
.kv-fq__a{max-height:0;overflow:hidden;transition:max-height .35s ease}
.kv-fq--on .kv-fq__a{max-height:600px}
.kv-fq--on .kv-fq__ic{transform:rotate(45deg)}
.kv-fq__a p{padding:0 20px 18px;font-size:14px;color:var(--txt2);line-height:1.7}

/* ── Animations ── */
.kv-fu{opacity:0;transform:translateY(14px);transition:opacity .45s ease,transform .45s ease}
.kv-in{opacity:1;transform:none}

/* ── Legal ── */
.kv-legal{background:#040a12;border-top:2px solid #b71c1c;padding:18px 0;text-align:center}
.kv-legal__inner{max-width:900px;margin:0 auto;padding:0 20px}
.kv-legal__badges{display:flex;justify-content:center;gap:20px;margin-top:10px;flex-wrap:wrap}
.kv-legal__badges span{font-size:11px;color:var(--mut)}

/* ── Footer ── */
.kv-footer{background:var(--bg2);border-top:1px solid var(--b);padding:36px 0 24px}
.kv-footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px;margin-bottom:28px}
.kv-footer__brand p{font-size:13px;color:var(--mut);margin-top:10px;line-height:1.7;max-width:260px}
.kv-footer__col h4{font-family:'Barlow Condensed',sans-serif;font-size:14px;font-weight:700;color:var(--txt);text-transform:uppercase;letter-spacing:.8px;margin-bottom:12px}
.kv-footer__col ul{list-style:none;display:flex;flex-direction:column;gap:7px}
.kv-footer__col ul li a{font-size:13px;color:var(--mut);transition:color var(--trans)}
.kv-footer__col ul li a:hover{color:var(--g)}
.kv-footer__bottom{border-top:1px solid var(--b);padding-top:16px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}
.kv-footer__copy{font-size:12px;color:var(--mut)}

/* ── Skeleton Loading ── */
.kv-sk{background:var(--card);border:1px solid var(--b);border-radius:var(--radius);padding:16px}
.kv-skl{background:linear-gradient(90deg,var(--b),var(--b2),var(--b));background-size:200% 100%;border-radius:6px;height:14px;animation:kv-sk 1.4s infinite}
@keyframes kv-sk{0%{background-position:200% 0}100%{background-position:-200% 0}}
.kv-skl--h28{height:28px}
.kv-skl--h10{height:10px}
.kv-skl--w55{width:55%}
.kv-skl--w75{width:75%}
.kv-sk__mid{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;margin:14px 0}
.kv-sk__logo{width:36px;height:36px;border-radius:8px;flex-shrink:0}
.kv-sk__info{display:flex;align-items:center;gap:8px}
.kv-sk__score{width:52px;height:28px;border-radius:6px}

/* ── Empty State ── */
.kv-empty{text-align:center;padding:48px 24px;background:var(--card);border:1px solid var(--b);border-radius:var(--radius)}
.kv-empty__icon{font-size:48px;margin-bottom:12px}
.kv-empty h2{font-size:22px;color:var(--txt);margin-bottom:8px}
.kv-empty p{color:var(--mut);font-size:14px;margin-bottom:20px}

/* ── Match PHP cards (soi kèo) ── */
.kv-matches-php{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.kv-match-php{background:var(--card);border:1px solid var(--b);border-radius:var(--radius);padding:16px;transition:all var(--trans)}
.kv-match-php:hover{border-color:var(--b2)}
.kv-match-php__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.kv-match-php__league{font-size:11px;font-weight:700;color:var(--g);text-transform:uppercase}
.kv-match-php__time{font-size:11px;color:var(--mut)}
.kv-match-php__teams{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;text-align:center;margin-bottom:12px}
.kv-match-php__avatar{width:34px;height:34px;background:var(--bg3);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:900;color:var(--txt2);margin:0 auto 5px}
.kv-match-php__vs{display:flex;flex-direction:column;align-items:center;gap:2px;font-family:'Barlow Condensed',sans-serif;font-size:16px;font-weight:900;color:var(--mut)}
.kv-match-php__draw{font-size:14px;color:var(--txt2)}
.kv-match-php__info{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;color:var(--txt2);margin-bottom:10px;padding:8px 0;border-top:1px solid var(--b3)}
.kv-match-php__tip{color:var(--g);font-weight:600}
.kv-match-php__foot{display:flex;gap:8px}
.kv-match-php__foot .kv-btn{flex:1;justify-content:center}

/* ── Single post ── */
.kv-article{max-width:820px;margin:0 auto;padding:32px 0 56px}
.kv-article__header{margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid var(--b)}
.kv-article__meta{display:flex;flex-wrap:wrap;gap:14px;font-size:12px;color:var(--mut);margin-bottom:12px}
.kv-article__title{font-size:clamp(22px,4vw,36px);font-weight:900;color:var(--txt);line-height:1.25;margin-bottom:10px}
.kv-article__content{font-size:15px;line-height:1.8;color:var(--txt2)}
.kv-article__content h2,.kv-article__content h3{font-family:'Barlow Condensed',sans-serif;color:var(--txt);margin:28px 0 12px}
.kv-article__content p{margin-bottom:16px}
.kv-article__content ul,.kv-article__content ol{padding-left:22px;margin-bottom:16px}
.kv-article__content li{margin-bottom:6px}
.kv-article__content a{color:var(--g)}
.kv-article__content table{width:100%;border-collapse:collapse;margin-bottom:20px;font-size:14px}
.kv-article__content table th{background:rgba(0,230,118,.08);padding:10px 14px;text-align:left;font-weight:700;color:var(--txt);border:1px solid var(--b2)}
.kv-article__content table td{padding:10px 14px;border:1px solid var(--b);color:var(--txt2)}
.kv-author-box{background:var(--card);border:1px solid var(--b);border-radius:var(--radius);padding:20px;display:flex;gap:16px;margin-top:36px}
.kv-author-box__av{width:56px;height:56px;border-radius:12px;background:var(--g);display:flex;align-items:center;justify-content:center;font-family:'Barlow Condensed',sans-serif;font-size:18px;font-weight:900;color:#040d18;flex-shrink:0}
.kv-author-box__name{font-size:15px;font-weight:700;color:var(--txt)}
.kv-author-box__role{font-size:12px;color:var(--g);margin-top:2px}
.kv-author-box__bio{font-size:13px;color:var(--txt2);margin-top:6px;line-height:1.6}

/* ── 404 ── */
.kv-404{text-align:center;padding:80px 20px}
.kv-404__num{font-family:'Barlow Condensed',sans-serif;font-size:120px;font-weight:900;color:var(--g);line-height:1;margin-bottom:16px}

/* ── Responsive ── */
@media(max-width:1024px){
  .kv-hero__wrap{grid-template-columns:1fr;max-width:600px}
  .kv-promobox{display:none}
  .kv-trustbar__grid{grid-template-columns:repeat(3,1fr)}
  .kv-about{grid-template-columns:1fr}
  .kv-footer__grid{grid-template-columns:1fr 1fr}
}
@media(max-width:768px){
  .kv-mg,.kv-matches-php,.kv-blog-grid,.kv-method__grid{grid-template-columns:1fr}
  .kv-quicknav__grid{grid-template-columns:repeat(2,1fr)}
  .kv-rk{grid-template-columns:32px 48px 1fr;gap:10px}
  .kv-rk__bonus,.kv-rk__actions{display:none}
  .kv-nav__menu{display:none}
  .kv-nav__burger{display:flex}
  .kv-about__stats{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:480px){
  .kv-trustbar__grid{grid-template-columns:repeat(2,1fr)}
  .kv-quicknav__grid{grid-template-columns:1fr}
  .kv-hero__btns{flex-direction:column}
  .kv-footer__grid{grid-template-columns:1fr}
}