:root{
  --blue:#002366;--blue2:#0747a6;
  --gold:#E8A800;--gold2:#c88e00;
  --red:#e10600;--green:#007a3d;
  --bg:#F5F7FA;--sur:#fff;--sur2:#f0f4fb;
  --ink:#0F1923;--ink2:#3a4a60;--ink3:#7a8a9e;
  --line:#e2eaf5;
  --cshadow:0 2px 16px rgba(11,43,102,.07);
  --hshadow:0 12px 36px rgba(11,43,102,.15);
  --r:18px;
}
[data-theme=dark]{--bg:#0b1120;--sur:#111b2e;--sur2:#162038;--ink:#f0f4ff;--ink2:#a8b8d0;--ink3:#5a6a82;--line:#1e2d48;--cshadow:0 2px 16px rgba(0,0,0,.35);--hshadow:0 12px 36px rgba(0,0,0,.5)}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);font-family:'Inter',sans-serif;color:var(--ink);line-height:1.5;transition:background .3s,color .3s}
a{text-decoration:none;color:inherit}

/* PROGRESS */
#pbar{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,var(--red),var(--gold));width:0%;z-index:9999;border-radius:0 2px 2px 0}

/* SCROLL TOP */
#s2t{position:fixed;bottom:26px;right:26px;width:42px;height:42px;background:var(--blue);color:#fff;border-radius:50%;border:none;font-size:18px;cursor:pointer;box-shadow:0 4px 18px rgba(0,0,0,.22);opacity:0;transform:translateY(12px);transition:.25s;z-index:400;display:flex;align-items:center;justify-content:center}
#s2t.on{opacity:1;transform:translateY(0)}
#s2t:hover{background:var(--gold);color:#111}

/* TOPBAR */
.topbar{background:#040f2a;color:#fff;font-size:12px;font-weight:600;border-bottom:2px solid var(--gold);overflow:hidden}
.tbar{max-width:1540px;margin:auto;padding:0 28px;height:33px;display:flex;align-items:center;gap:14px}
.lpill{background:var(--red);padding:3px 9px;border-radius:4px;font-size:10.5px;font-weight:800;flex-shrink:0;animation:bk 1.8s infinite}
@keyframes bk{0%,100%{opacity:1}50%{opacity:.55}}
.ticker{flex:1;overflow:hidden;height:33px;display:flex;align-items:center}
.ticker-in{display:flex;white-space:nowrap;animation:tk 38s linear infinite}
.ticker-in:hover{animation-play-state:paused}
.titem{padding:0 28px;border-right:1px solid rgba(255,255,255,.12)}
@keyframes tk{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* HEADER */
header{background:var(--sur);border-bottom:3px solid var(--blue);position:sticky;top:0;z-index:200;box-shadow:0 2px 18px rgba(0,0,0,.07);transition:background .3s}
.nav{max-width:1540px;margin:auto;padding:0 24px;height:68px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.logo{font-family:'DM Serif Display',serif;font-size:26px;color:var(--blue);font-style:italic;cursor:pointer;flex-shrink:0}
.logo b{color:var(--gold);font-style:normal}
.logo sup{font-size:9px;font-family:'Inter',sans-serif;font-weight:700;letter-spacing:1.5px;color:var(--ink3);font-style:normal;margin-left:3px;text-transform:uppercase}
.hmenu{display:flex;gap:2px}
.hmenu a{padding:7px 11px;border-radius:8px;font-size:12px;font-weight:700;color:var(--ink2);text-transform:uppercase;letter-spacing:.3px;transition:.15s;cursor:pointer}
.hmenu a:hover,.hmenu a.on{background:var(--blue);color:#fff}
.nav-r{display:flex;align-items:center;gap:7px;flex-shrink:0}
.ibtn{width:36px;height:36px;border-radius:50%;border:1.5px solid var(--line);background:var(--sur2);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:15px;transition:.2s}
.ibtn:hover{border-color:var(--blue);background:var(--blue);color:#fff}
.lbtn{padding:6px 11px;border-radius:20px;border:1.5px solid var(--line);background:var(--sur2);cursor:pointer;font-size:11.5px;font-weight:700;color:var(--ink2);transition:.15s}
.lbtn:hover{border-color:var(--blue);color:var(--blue)}
.sbtn{background:var(--gold);color:#111;border-radius:26px;padding:8px 16px;font-size:12px;font-weight:800;cursor:pointer;border:none;white-space:nowrap;transition:.15s}
.sbtn:hover{background:var(--gold2)}
.hbg{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:7px;border-radius:8px;border:1.5px solid var(--line);background:var(--sur2)}
.hbg span{display:block;width:18px;height:2px;background:var(--ink);border-radius:2px}

/* MOBILE NAV */
.mnav{display:none;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:300;backdrop-filter:blur(4px)}
.mnav.on{display:flex;align-items:flex-start;justify-content:flex-end}
.mmenu{background:var(--sur);width:265px;height:100%;padding:20px;display:flex;flex-direction:column;gap:3px;overflow-y:auto}
.mmenu .logo{margin-bottom:16px;font-size:21px}
.mmenu a{display:block;padding:11px 13px;border-radius:9px;font-size:13px;font-weight:700;color:var(--ink);transition:.15s;cursor:pointer}
.mmenu a:hover{background:var(--sur2);color:var(--blue)}

/* SEARCH OVERLAY */
.srch-ov{visibility:hidden;position:fixed;inset:0;background:rgba(0,5,20,.88);z-index:800;display:flex;flex-direction:column;align-items:center;padding-top:108px;opacity:0;transition:opacity .25s,visibility .25s;backdrop-filter:blur(7px)}
.srch-ov.on{visibility:visible;opacity:1}
.srch-box{width:100%;max-width:650px;padding:0 22px;position:relative}
.srch-inp{width:100%;padding:16px 50px 16px 20px;border-radius:13px;border:none;font-size:19px;font-family:'Inter',sans-serif;background:#fff;color:#0f1923;outline:none;box-shadow:0 8px 40px rgba(0,0,0,.3)}
.srch-x{position:absolute;right:34px;top:50%;transform:translateY(-50%);font-size:21px;cursor:pointer;color:#888;background:none;border:none}
.srch-hint{color:rgba(255,255,255,.4);font-size:13px;margin-top:12px;text-align:center}
.srch-res{width:100%;max-width:650px;padding:0 22px;margin-top:13px}
.sres{background:#fff;border-radius:11px;padding:12px 15px;margin-bottom:8px;cursor:pointer;display:flex;align-items:center;gap:11px;transition:.15s}
.sres:hover{background:#f0f4ff;transform:translateX(4px)}
.sres-ico{width:34px;height:34px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}
.sres-t{font-size:13.5px;font-weight:700;color:#0f1923}
.sres-c{font-size:10.5px;color:#7a8a9e;font-weight:500;margin-top:1px}

/* SUBSCRIBE MODAL */
.moverlay{visibility:hidden;position:fixed;inset:0;background:rgba(0,5,20,.78);z-index:600;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .25s,visibility .25s;backdrop-filter:blur(5px);padding:20px}
.moverlay.on{visibility:visible;opacity:1}
.mcard{background:var(--sur);border-radius:22px;padding:30px;width:100%;max-width:430px;position:relative;box-shadow:0 20px 60px rgba(0,0,0,.3);transform:scale(.95);transition:.25s}
.moverlay.on .mcard{transform:scale(1)}
.mx{position:absolute;top:12px;right:13px;background:var(--sur2);border:none;border-radius:50%;width:30px;height:30px;font-size:15px;cursor:pointer;color:var(--ink3);display:flex;align-items:center;justify-content:center}
.mcard h2{font-family:'DM Serif Display',serif;font-size:23px;color:var(--blue);font-style:italic;margin-bottom:6px}
[data-theme=dark] .mcard h2{color:#90b0ff}
.mdesc{font-size:12.5px;color:var(--ink3);line-height:1.6;margin-bottom:14px}
.mperks{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:14px}
.mperk{background:var(--sur2);border-radius:9px;padding:9px;font-size:11px;font-weight:600;color:var(--ink2);display:flex;align-items:center;gap:6px}
.minput{width:100%;padding:11px 13px;border:1.5px solid var(--line);border-radius:9px;font-size:13px;font-family:'Inter',sans-serif;margin-bottom:8px;background:var(--sur2);color:var(--ink);outline:none}
.minput:focus{border-color:var(--blue)}
.mbtn{width:100%;padding:12px;background:var(--gold);border:none;border-radius:9px;font-size:13.5px;font-weight:800;cursor:pointer;color:#111;font-family:'Inter',sans-serif}
.mbtn:hover{background:var(--gold2)}
.mnote{font-size:10px;color:var(--ink3);text-align:center;margin-top:7px}

/* ARTICLE MODAL */
.aoverlay{visibility:hidden;position:fixed;inset:0;background:rgba(0,5,20,.82);z-index:700;display:flex;align-items:flex-start;justify-content:center;opacity:0;transition:opacity .25s,visibility .25s;backdrop-filter:blur(6px);overflow-y:auto;padding:34px 18px}
.aoverlay.on{visibility:visible;opacity:1}
.acard{background:var(--sur);border-radius:22px;width:100%;max-width:750px;overflow:hidden;position:relative;box-shadow:0 22px 60px rgba(0,0,0,.4);transform:translateY(16px);transition:.28s}
.aoverlay.on .acard{transform:translateY(0)}
.ax{position:absolute;top:11px;right:13px;background:rgba(0,0,0,.45);border:none;border-radius:50%;width:32px;height:32px;font-size:16px;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;z-index:2}
.ahero{height:290px;background-size:cover;background-position:center;position:relative}
.ahero-ov{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.72),transparent 55%)}
.akicker{position:absolute;bottom:16px;left:20px;right:20px;z-index:1}
.abadge{display:inline-block;font-size:9.5px;font-weight:800;padding:3px 8px;border-radius:3px;text-transform:uppercase;margin-bottom:7px;color:#fff}
.akicker h1{font-family:'DM Serif Display',serif;font-size:26px;font-weight:400;font-style:italic;color:#fff;line-height:1.1}
.abody{padding:24px}
.ameta{display:flex;align-items:center;gap:10px;font-size:11.5px;color:var(--ink3);margin-bottom:16px;padding-bottom:13px;border-bottom:1px solid var(--line)}
.ameta .auth{font-weight:700;color:var(--ink2)}
.acontent p{font-size:14.5px;line-height:1.8;color:var(--ink2);margin-bottom:13px}
.acontent p:first-child{font-size:15.5px;font-weight:600;color:var(--ink)}
.acontent blockquote{border-left:3px solid var(--gold);padding-left:14px;margin:16px 0;font-style:italic;color:var(--ink3);font-size:14px;line-height:1.7}
.atags{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.atag{background:var(--sur2);border:1px solid var(--line);color:var(--ink3);font-size:10.5px;font-weight:600;padding:3px 9px;border-radius:14px;cursor:pointer;transition:.15s}
.atag:hover{background:var(--blue);color:#fff;border-color:var(--blue)}
.areact{display:flex;gap:8px;margin-top:15px}
.rbtn{display:flex;align-items:center;gap:5px;padding:8px 14px;border-radius:18px;border:1.5px solid var(--line);background:var(--sur2);cursor:pointer;font-size:12.5px;font-weight:700;color:var(--ink2);transition:.15s}
.rbtn:hover,.rbtn.on{background:var(--blue);color:#fff;border-color:var(--blue)}
.csec{margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}
.csec h3{font-size:14.5px;font-weight:800;color:var(--ink);margin-bottom:12px}
.cform{display:flex;gap:8px;margin-top:12px}
.cinp{flex:1;padding:10px 12px;border:1.5px solid var(--line);border-radius:9px;font-size:12.5px;font-family:'Inter',sans-serif;background:var(--sur2);color:var(--ink);outline:none;resize:none}
.cinp:focus{border-color:var(--blue)}
.csnd{padding:10px 15px;background:var(--blue);color:#fff;border:none;border-radius:9px;font-size:12.5px;font-weight:700;cursor:pointer}
.citem{display:flex;gap:9px;margin-bottom:11px}
.cav{width:31px;height:31px;border-radius:50%;background:linear-gradient(135deg,var(--blue),#0060d8);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:800;flex-shrink:0}
.cname{font-size:11.5px;font-weight:700;color:var(--ink)}
.ctxt{font-size:12px;color:var(--ink2);line-height:1.5;margin-top:2px}
.ctime{font-size:9.5px;color:var(--ink3);margin-top:2px}

/* NOTIFY */
.nmodal{visibility:hidden;position:fixed;bottom:76px;right:24px;background:var(--sur);border:1px solid var(--line);border-radius:15px;padding:17px;width:285px;box-shadow:0 8px 36px rgba(0,0,0,.16);z-index:500;transform:translateY(16px);opacity:0;transition:.3s,visibility .3s}
.nmodal.on{visibility:visible;transform:translateY(0);opacity:1}
.nmodal h4{font-size:13.5px;font-weight:800;color:var(--ink);margin-bottom:5px}
.nmodal p{font-size:11.5px;color:var(--ink3);line-height:1.5;margin-bottom:12px}
.nbtns{display:flex;gap:7px}
.nyes{flex:1;padding:8px;background:var(--blue);color:#fff;border:none;border-radius:8px;font-size:11.5px;font-weight:700;cursor:pointer}
.nno{padding:8px 12px;background:var(--sur2);color:var(--ink3);border:1px solid var(--line);border-radius:8px;font-size:11.5px;font-weight:600;cursor:pointer}
.nx{position:absolute;top:8px;right:10px;background:none;border:none;font-size:14px;cursor:pointer;color:var(--ink3)}

/* BREAKING */
.bbar{background:#b80000;color:#fff;padding:9px 0}
.binner{max-width:1540px;margin:auto;padding:0 28px;display:flex;align-items:center;gap:12px;font-size:12.5px}
.btag{background:#fff;color:#b80000;font-weight:900;padding:2px 9px;border-radius:3px;font-size:10.5px;flex-shrink:0}

/* HERO */
.hero{background:linear-gradient(155deg,#00184d,#003090 55%,#0054c8);padding:22px 0 30px}
.wrap{max-width:1540px;margin:auto;padding:0 28px}
.hgrid{display:grid;grid-template-columns:1.55fr .9fr;gap:20px}
.hmain{height:470px;border-radius:22px;position:relative;overflow:hidden;box-shadow:0 20px 56px rgba(0,0,0,.4)}
.hbgimg{position:absolute;inset:0;background:url('https://images.unsplash.com/photo-1504711434969-e33886168f5c?w=1200&q=80') center/cover;transition:transform 7s ease}
.hmain:hover .hbgimg{transform:scale(1.04)}
.hov{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,5,20,.92) 0%,rgba(0,5,20,.28) 52%,transparent 75%)}
.htxt{position:absolute;bottom:0;padding:30px;z-index:2;width:100%}
.hkick{display:inline-flex;align-items:center;gap:7px;margin-bottom:10px}
.kb{background:var(--red);color:#fff;font-size:10px;font-weight:800;padding:3px 9px;border-radius:3px;letter-spacing:.5px;text-transform:uppercase}
.kc{background:var(--gold);color:#111;font-size:10px;font-weight:800;padding:3px 9px;border-radius:3px;text-transform:uppercase}
.htxt h1{font-family:'DM Serif Display',serif;font-size:40px;font-weight:400;font-style:italic;color:#fff;line-height:1.08;margin-bottom:10px;cursor:pointer;transition:.2s}
.htxt h1:hover{color:var(--gold)}
.hmeta{display:flex;align-items:center;gap:11px;font-size:12px;color:rgba(255,255,255,.7)}
.hmeta .dot{opacity:.3}
.rt{background:rgba(255,255,255,.14);padding:2px 8px;border-radius:14px;font-size:11px}
.hside{display:grid;grid-template-rows:1fr 1fr;gap:14px}
.hcard{border-radius:18px;position:relative;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.28);cursor:pointer}
.hcard .hbgc{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform 5s ease}
.hcard:hover .hbgc{transform:scale(1.07)}
.hcov{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.84) 0%,transparent 55%)}
.hctxt{position:absolute;bottom:0;padding:18px;z-index:2;width:100%}
.hctxt .cl{font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;margin-bottom:5px;display:block}
.hctxt h3{font-size:18px;font-weight:800;color:#fff;line-height:1.15}
.hctxt h3:hover{color:var(--gold)}
.hctxt p{font-size:10.5px;color:rgba(255,255,255,.55);margin-top:3px}

/* LAYOUT */
.mlayout{max-width:1540px;margin:24px auto;display:grid;grid-template-columns:minmax(0,1fr) 342px;gap:24px;padding:0 28px;align-items:start}

/* SECTIONS */
.sec{background:var(--sur);border:1px solid var(--line);border-radius:20px;padding:22px;margin-bottom:22px;box-shadow:var(--cshadow);transition:background .3s,border-color .3s}
.sec-hd{display:flex;justify-content:space-between;align-items:center;border-bottom:1.5px solid var(--line);padding-bottom:13px;margin-bottom:16px}
.sec-tl{display:flex;align-items:center;gap:9px}
.sico{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}
.in{background:linear-gradient(135deg,#002366,#0747a6)}
.im{background:linear-gradient(135deg,#3a005c,#c000a0)}
.is{background:linear-gradient(135deg,#013b18,#00a04a)}
.ic{background:linear-gradient(135deg,#4a2000,#c85a00)}
.iv{background:linear-gradient(135deg,#2b0000,#cc0000)}
.ii{background:linear-gradient(135deg,#102030,#506070)}
.sec-hd h2{font-family:'DM Serif Display',serif;font-size:21px;color:var(--blue);margin:0;font-style:italic}
[data-theme=dark] .sec-hd h2{color:#90b0ff}
.ssub{font-size:11px;color:var(--ink3);font-weight:500;margin-top:2px}
.scnt{background:var(--sur2);border:1px solid var(--line);color:var(--blue);font-size:10px;font-weight:700;padding:3px 8px;border-radius:14px}
.sall{color:var(--blue2);font-size:12px;font-weight:700;transition:.15s;cursor:pointer;white-space:nowrap}
.sall:hover{color:var(--gold)}

/* CARDS */
.card{background:var(--sur2);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:.2s ease;cursor:pointer;position:relative}
.card:hover{transform:translateY(-5px);box-shadow:var(--hshadow)}
.card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:transparent;transition:.2s;z-index:1}
.card:hover::before{background:var(--gold)}
.card .ci{position:relative;overflow:hidden;height:215px}
.card .ci-in{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform 5s ease}
.card:hover .ci-in{transform:scale(1.06)}
.card .ci-ov{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.28) 0%,transparent 50%)}
.chip{position:absolute;top:9px;left:9px;font-size:9px;font-weight:800;padding:3px 7px;border-radius:3px;text-transform:uppercase;letter-spacing:.4px;z-index:1}
.card .ct{padding:14px 16px 16px}
.byl{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}
.src{font-size:10px;text-transform:uppercase;font-weight:800;letter-spacing:.4px}
.rdg{font-size:9.5px;color:var(--ink3);background:var(--sur);padding:2px 6px;border-radius:8px;border:1px solid var(--line)}
.card h4{font-size:16px;line-height:1.18;font-weight:800;color:var(--ink);margin-bottom:6px;transition:color .15s}
.card:hover h4{color:var(--blue)}
[data-theme=dark] .card:hover h4{color:#90b0ff}
.exc{font-size:12px;color:var(--ink2);line-height:1.58;margin-bottom:8px}
.met{display:flex;align-items:center;gap:8px;font-size:10.5px;color:var(--ink3)}
.met .auth{font-weight:700;color:var(--ink2)}
.met .sp{opacity:.25}
.card.sm{display:grid;grid-template-columns:104px 1fr;min-height:100px}
.card.sm .ci{height:100%;min-height:100px;border-radius:0}
.card.sm .ct{padding:10px 12px}
.card.sm h4{font-size:13px;line-height:1.18;margin-bottom:3px}
.card.sm .exc{display:none}
.card.sm .met{font-size:10px}

/* GRIDS */
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.gnews{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:14px}
.gnews .card:first-child{grid-row:span 2}
.gnews .card:first-child .ci{height:290px}
.gnews .card:not(:first-child){display:grid;grid-template-columns:100px 1fr}
.gnews .card:not(:first-child) .ci{height:100%}
.gmusic{display:grid;grid-template-columns:1.4fr .72fr;gap:14px}
.gml{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.gml .card:first-child{grid-column:span 2}
.gml .card:first-child .ci{height:238px}
.gsport{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:14px}
.gsport .card:first-child{grid-row:span 2}
.gsport .card:first-child .ci{height:318px}
.gsport .card:not(:first-child){display:grid;grid-template-columns:100px 1fr}
.gsport .card:not(:first-child) .ci{height:100%}
.gcult{display:grid;grid-template-columns:1.2fr 1.2fr 1fr;gap:14px}
.gcult .card:nth-child(1) .ci,.gcult .card:nth-child(2) .ci{height:188px}

/* CHART */
.chsec{background:var(--sur);border:1px solid var(--line);border-radius:20px;padding:22px;margin-bottom:22px;box-shadow:var(--cshadow);transition:background .3s,border-color .3s}
.chhd{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:10px}
.chhd h2{font-family:'DM Serif Display',serif;font-size:21px;color:var(--blue);font-style:italic}
[data-theme=dark] .chhd h2{color:#90b0ff}
.ctabs{display:flex;gap:5px;flex-wrap:wrap}
.ctab{padding:6px 12px;border-radius:16px;font-size:11.5px;font-weight:700;cursor:pointer;transition:.15s;border:1.5px solid var(--line);color:var(--ink3);background:transparent}
.ctab.on{background:var(--blue);color:#fff;border-color:var(--blue)}
.clist{transition:opacity .22s}
.crow{display:grid;grid-template-columns:38px 45px 1fr 120px auto;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);cursor:pointer;transition:.15s;border-radius:0}
.crow:last-child{border-bottom:none}
.crow:hover{background:var(--sur2);margin:0 -22px;padding:12px 22px;border-radius:9px}
.cpos{font-size:19px;font-weight:900;color:var(--blue);text-align:center}
.cpos.r1{color:#d4a000}.cpos.r2{color:#8a9ab8}.cpos.r3{color:#a0622a}
[data-theme=dark] .cpos{color:#90b0ff}
.ccover{width:45px;height:45px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:19px;flex-shrink:0}
.csong{font-size:13.5px;font-weight:800;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cartist{font-size:11px;color:var(--ink3);font-weight:500;margin-top:2px}
.cbg{background:var(--sur2);border:1px solid var(--line);border-radius:7px;height:5px;overflow:hidden;margin-bottom:3px}
.cbf{height:100%;border-radius:7px;background:linear-gradient(90deg,var(--blue),#0068d8);transition:width 1.3s cubic-bezier(.4,0,.2,1)}
.cpct{font-size:9.5px;color:var(--ink3);font-weight:600;text-align:right}
.cbadge{font-size:9.5px;font-weight:800;padding:3px 8px;border-radius:9px;white-space:nowrap;text-align:center}
.bh{background:#fff0f0;color:#c00;animation:bk 1.8s infinite}
.bu{background:#e6fff0;color:#006}
.bs{background:var(--sur2);color:var(--ink3)}
.bn2{background:#fff5e0;color:#c06000}
.bd{background:#fff0f0;color:#c00}
[data-theme=dark] .bu{background:rgba(0,180,80,.15);color:#4aff90}
[data-theme=dark] .bh{background:rgba(200,0,0,.2);color:#ff8080}

/* MATCH */
.mbox{background:linear-gradient(145deg,#013b18,#006628);border-radius:15px;padding:15px;margin-bottom:13px;color:#fff}
.mcomp{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;opacity:.65;margin-bottom:8px}
.mrow{display:flex;align-items:center;justify-content:space-between;gap:8px}
.mteam{text-align:center;font-size:12px;font-weight:800;flex:1}
.mflag{font-size:20px;display:block;margin-bottom:3px}
.mscore{background:rgba(0,0,0,.3);border-radius:7px;padding:6px 12px;font-size:24px;font-weight:900;letter-spacing:2px}
.mtime{font-size:9px;opacity:.5;text-align:center;margin-top:6px}

/* VIDEO */
.vgrid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:14px}
.vthumb{border-radius:var(--r);overflow:hidden;cursor:pointer;transition:.2s;background:var(--sur2);border:1px solid var(--line)}
.vthumb:hover{transform:translateY(-4px);box-shadow:var(--hshadow)}
.vimg{height:172px;background-size:cover;background-position:center;position:relative}
.vplay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:43px;height:43px;background:rgba(225,6,0,.9);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;transition:.15s}
.vthumb:hover .vplay{transform:translate(-50%,-50%) scale(1.12)}
.vdur{position:absolute;bottom:7px;right:7px;background:rgba(0,0,0,.76);color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:3px}
.vinf{padding:11px 12px}
.vinf h4{font-size:13px;font-weight:800;color:var(--ink);line-height:1.2;margin-bottom:3px}
.vmeta{font-size:10px;color:var(--ink3)}

/* BIO */
.biowrap{background:linear-gradient(160deg,#040f2a,#0a2060 60%,#001848);border-radius:22px;padding:26px;margin-bottom:22px;position:relative;overflow:hidden}
.biowrap::before{content:"";position:absolute;top:-80px;right:-80px;width:300px;height:300px;background:radial-gradient(circle,rgba(232,168,0,.07),transparent 70%);pointer-events:none}
.biohd{display:flex;align-items:center;gap:9px;margin-bottom:17px;padding-bottom:13px;border-bottom:1px solid rgba(255,255,255,.1)}
.biohd h2{font-family:'DM Serif Display',serif;font-size:21px;color:var(--gold);font-style:italic}
.biogrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.bcard{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);border-radius:15px;padding:16px;transition:.2s;cursor:pointer}
.bcard:hover{background:rgba(255,255,255,.1);border-color:rgba(232,168,0,.28);transform:translateY(-3px)}
.bav{width:54px;height:54px;border-radius:50%;border:2.5px solid var(--gold);display:flex;align-items:center;justify-content:center;font-size:23px;margin-bottom:10px;background:rgba(255,255,255,.07)}
.bname{font-size:15px;font-weight:800;color:#fff;margin-bottom:2px}
.bgenre{font-size:10px;font-weight:600;color:var(--gold);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}
.bdesc{font-size:11.5px;color:rgba(255,255,255,.6);line-height:1.57;margin-bottom:10px}
.btags{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px}
.btag{background:rgba(255,255,255,.09);color:rgba(255,255,255,.62);font-size:9px;font-weight:600;padding:2px 7px;border-radius:7px}
.bstats{display:flex;gap:12px}
.bstat .bn{font-size:14px;font-weight:900;color:var(--gold);display:block}
.bstat .bl{font-size:9px;color:rgba(255,255,255,.38);font-weight:500;text-transform:uppercase;letter-spacing:.3px}
.bcta{display:inline-flex;align-items:center;gap:4px;background:var(--gold);color:#111;font-size:10px;font-weight:800;padding:5px 11px;border-radius:14px;margin-top:10px;transition:.15s;cursor:pointer}
.bcta:hover{background:#fff}

/* SIDEBAR */
.sbar{position:sticky;top:82px}
.sbox{background:var(--sur);border:1px solid var(--line);border-radius:18px;padding:17px;margin-bottom:18px;box-shadow:var(--cshadow);transition:background .3s,border-color .3s}
.sbox h3{font-family:'DM Serif Display',serif;font-size:17px;color:var(--blue);margin-bottom:12px;font-style:italic}
[data-theme=dark] .sbox h3{color:#90b0ff}
.scnts{font-size:10px;font-family:'Inter',sans-serif;font-style:normal;color:var(--ink3);margin-left:4px}
.adbox{border-radius:15px;overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;margin-bottom:18px}
.adbg{position:absolute;inset:0;background-size:cover}
.adov{position:absolute;inset:0;background:rgba(0,10,40,.6)}
.adcon{position:relative;z-index:2;color:#fff;padding:12px}
.adlbl{font-size:8px;font-weight:700;letter-spacing:1px;text-transform:uppercase;opacity:.48;margin-bottom:5px;background:rgba(255,255,255,.12);padding:2px 7px;border-radius:8px;display:inline-block}
.adcta{margin-top:8px;background:var(--gold);color:#111;font-size:10px;font-weight:800;padding:5px 13px;border-radius:14px;display:inline-block;cursor:pointer}
.adtop{height:255px}.adtall{height:550px}.adbot{height:240px}
.nlbox{background:linear-gradient(145deg,var(--blue),#0055d0);border-radius:18px;padding:17px;margin-bottom:18px;color:#fff}
.nlbox h3{color:#fff;font-style:italic;margin-bottom:4px;font-family:'DM Serif Display',serif;font-size:17px}
.nlbox p{font-size:11.5px;opacity:.75;line-height:1.55;margin-bottom:12px}
.nlinp{width:100%;padding:10px 12px;border:none;border-radius:8px;font-size:12.5px;margin-bottom:8px;font-family:'Inter',sans-serif;outline:none}
.nlbtn{width:100%;padding:10px;border:none;border-radius:8px;background:var(--gold);color:#111;font-size:12.5px;font-weight:800;cursor:pointer;font-family:'Inter',sans-serif}
.nlbtn:hover{background:var(--gold2)}
.nlnote{font-size:9.5px;opacity:.46;text-align:center;margin-top:6px}
.ritem{display:grid;grid-template-columns:30px 1fr;gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line)}
.ritem:last-child{border-bottom:none}
.rnum{width:30px;height:30px;border-radius:50%;background:var(--blue);color:#fff;font-size:11px;font-weight:900;display:grid;place-items:center}
.rnum.g{background:var(--gold);color:#111}
.rnum.s{background:#b0b8c4;color:#fff}
.rnum.b{background:#a06020;color:#fff}
.rt2{font-size:12px;font-weight:700;color:var(--ink);line-height:1.2}
.rc2{font-size:9.5px;color:var(--ink3);font-weight:500;margin-top:2px}
.sgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.sbtn2{border-radius:10px;padding:11px 8px;text-align:center;font-size:11.5px;font-weight:700;cursor:pointer;transition:.15s;display:flex;flex-direction:column;align-items:center;gap:4px}
.sbtn2 .si{font-size:18px}
.sbtn2 .sc{font-size:9px;font-weight:600;opacity:.65}
.sbtn2:hover{transform:scale(1.04);box-shadow:0 4px 14px rgba(0,0,0,.1)}
.syt{background:#fff0f0;color:#cc0000}
.sfb{background:#f0f4ff;color:#0a3580}
.stk{background:#f0fffd;color:#010101}
.sig{background:#fff4f8;color:#b0206c}
[data-theme=dark] .syt{background:rgba(200,0,0,.14);color:#ff8080}
[data-theme=dark] .sfb{background:rgba(10,53,128,.18);color:#90b0ff}
[data-theme=dark] .stk{background:rgba(0,200,180,.09);color:#aaffee}
[data-theme=dark] .sig{background:rgba(176,32,108,.13);color:#ff90c0}
.vsitem{display:grid;grid-template-columns:70px 1fr;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)}
.vsitem:last-child{border-bottom:none}
.vsth{height:48px;border-radius:7px;background-size:cover;background-position:center;position:relative}
.vsplay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:14px;background:rgba(0,0,0,.2);border-radius:7px}
.vstitle{font-size:11.5px;font-weight:700;line-height:1.2;color:var(--ink)}
.vsmeta{font-size:9.5px;color:var(--ink3);margin-top:2px}

/* REVEAL */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .55s ease,transform .55s ease}
.reveal.vis{opacity:1;transform:translateY(0)}

/* CHIPS */
.cn2{background:#002366;color:#fff}
.cm2{background:#5c0080;color:#fff}
.cs2{background:#007a3d;color:#fff}
.cc2{background:#c85a00;color:#fff}
.cv2{background:#cc0000;color:#fff}
.cd2{background:#006655;color:#fff}
.cbr2{background:#cc0000;color:#fff;animation:bk 1.5s infinite}

/* FOOTER */
footer{background:#040f2a;color:#fff;padding:44px 0 22px;margin-top:28px}
.fgrid{max-width:1540px;margin:auto;padding:0 28px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:26px}
.fbrand .logo{font-size:22px;margin-bottom:9px;display:block;color:#90b0ff}
.fbrand p{font-size:12px;color:rgba(255,255,255,.46);line-height:1.6;max-width:225px}
.fso{display:flex;gap:7px;margin-top:12px}
.fso a{width:31px;height:31px;background:rgba(255,255,255,.07);border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:14px;transition:.15s;cursor:pointer}
.fso a:hover{background:var(--gold);color:#111}
.fcol h4{color:var(--gold);font-size:11.5px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;margin-bottom:11px}
.fcol a{display:block;color:rgba(255,255,255,.5);font-size:12px;font-weight:500;margin-bottom:7px;transition:.15s;cursor:pointer}
.fcol a:hover{color:#fff}
.fbot{max-width:1540px;margin:18px auto 0;padding:16px 28px 0;border-top:1px solid rgba(255,255,255,.07);display:flex;justify-content:space-between;align-items:center;font-size:11px;color:rgba(255,255,255,.3)}
.fbot a{color:rgba(255,255,255,.36);margin-left:12px;cursor:pointer}
.fbot a:hover{color:#fff}

/* RESPONSIVE */
@media(max-width:1100px){
  .hmenu{display:none}
  .hbg{display:flex}
  .mlayout{grid-template-columns:1fr}
  .sbar{position:static}
  .hgrid{grid-template-columns:1fr}
  .hside{display:none}
  .htxt h1{font-size:30px}
  .hmain{height:380px}
  .biogrid,.gnews,.gmusic,.gsport,.gcult,.g3,.vgrid,.fgrid{grid-template-columns:1fr}
  .gnews .card:first-child,.gsport .card:first-child{grid-row:auto}
  .gnews .card:not(:first-child),.gsport .card:not(:first-child){grid-template-columns:96px 1fr}
  .gml{grid-template-columns:1fr}
  .gml .card:first-child{grid-column:auto}
  .fgrid{grid-template-columns:1fr 1fr}
  .crow{grid-template-columns:34px 40px 1fr auto}
  .cbg,.cpct{display:none}
}
@media(max-width:600px){
  .htxt h1{font-size:24px}
  .hmain{height:320px}
  .nav{height:58px}
  .logo{font-size:21px}
  .fgrid{grid-template-columns:1fr}
  .mperks{grid-template-columns:1fr}
}

/* ──── NEW v6 ──── */
/* ══ TREND items ══ */
.trend-item{background:var(--sur2);border:1px solid var(--line);border-radius:13px;padding:13px 15px;cursor:pointer;transition:.2s;position:relative}
.trend-item:hover{transform:translateY(-3px);box-shadow:var(--hshadow);border-color:var(--blue)}
.trend-rank{font-size:11px;font-weight:800;text-transform:uppercase;margin-bottom:5px;display:flex;align-items:center;gap:5px}
.trend-title{font-size:13px;font-weight:800;color:var(--ink);line-height:1.25;margin-bottom:5px}
.trend-cat{font-size:10px;color:var(--ink3);font-weight:600;margin-bottom:8px}
.trend-bar-bg{background:var(--line);border-radius:5px;height:4px;overflow:hidden}
.trend-bar-fill{height:100%;border-radius:5px;background:linear-gradient(90deg,var(--blue),#0068d8);width:0%;transition:width 1.4s cubic-bezier(.4,0,.2,1)}
.trend-pct{font-size:10px;color:var(--ink3);font-weight:700;margin-top:4px;text-align:right}
@media(max-width:1100px){#trendGrid{grid-template-columns:1fr 1fr!important}}
@media(max-width:600px){#trendGrid{grid-template-columns:1fr!important}}

/* ══ POLL ══ */
.poll-opt{position:relative;border:1.5px solid var(--line);border-radius:11px;overflow:hidden;cursor:pointer;background:var(--sur2);transition:.15s;margin-bottom:0}
.poll-opt:hover{border-color:var(--blue)}
.poll-opt.voted{pointer-events:none;border-color:var(--blue)}
.poll-fill{position:absolute;top:0;left:0;bottom:0;background:rgba(0,35,102,.1);transition:width 1s ease}
[data-theme=dark] .poll-fill{background:rgba(144,176,255,.12)}
.poll-inner{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;padding:11px 14px}
.poll-lbl{font-size:13px;font-weight:700;color:var(--ink)}
.poll-pct{font-size:12px;font-weight:800;color:var(--blue)}
[data-theme=dark] .poll-pct{color:#90b0ff}

/* ══ CALENDAR ══ */
.cal-cell{border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:11.5px;font-weight:600;color:var(--ink2);cursor:default;transition:.15s;position:relative;aspect-ratio:1;min-height:30px}
.cal-cell.today{background:var(--blue);color:#fff;font-weight:900}
.cal-cell.has-ev{cursor:pointer;font-weight:900;color:var(--blue);background:var(--sur2);border:1.5px solid var(--gold)}
[data-theme=dark] .cal-cell.has-ev{color:#90b0ff;background:rgba(144,176,255,.08)}
.cal-cell.has-ev:hover{background:rgba(0,35,102,.08)}
.cal-cell.empty{cursor:default;opacity:.3}
.cal-ev-item{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;background:var(--sur2);border:1px solid var(--line);border-radius:11px;cursor:pointer;transition:.15s}
.cal-ev-item:hover{border-color:var(--blue);transform:translateX(3px)}
.cal-ev-date{background:var(--blue);color:#fff;border-radius:8px;padding:5px 8px;text-align:center;font-size:12px;font-weight:800;flex-shrink:0;min-width:38px}
.cal-ev-info h4{font-size:12.5px;font-weight:800;color:var(--ink);margin-bottom:2px}
.cal-ev-info p{font-size:10.5px;color:var(--ink3)}
.gcal-btn{font-size:9.5px;background:var(--gold);color:#111;padding:2px 8px;border-radius:8px;font-weight:700;margin-top:5px;display:inline-block;cursor:pointer;text-decoration:none}

/* ══ CERT CARDS ══ */
.cert-card{background:rgba(255,255,255,.05);border:1.5px solid rgba(255,255,255,.1);border-radius:15px;padding:18px;text-align:center;cursor:pointer;transition:.25s;position:relative}
.cert-card:hover{border-color:#E8A800;background:rgba(255,255,255,.09);transform:translateY(-4px)}
.cert-ico{width:54px;height:54px;border-radius:50%;background:linear-gradient(135deg,#E8A800,#c88e00);display:flex;align-items:center;justify-content:center;font-size:24px;margin:0 auto 10px;box-shadow:0 4px 20px rgba(232,168,0,.35)}
.cert-name{font-size:15px;font-weight:900;color:#fff;margin-bottom:3px}
.cert-lvl{font-size:10px;font-weight:800;color:#E8A800;text-transform:uppercase;letter-spacing:.6px;margin-bottom:10px}
.cert-cstats{display:flex;justify-content:center;gap:14px;margin-bottom:12px}
.cert-cstat .cv{font-size:14px;font-weight:900;color:#E8A800;display:block}
.cert-cstat .cl{font-size:9px;color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:.3px}
.cert-btn{background:#E8A800;color:#111;border:none;border-radius:20px;padding:7px 16px;font-size:11px;font-weight:800;cursor:pointer;transition:.15s;font-family:'Inter',sans-serif}
.cert-btn:hover{background:#fff}
@media(max-width:1100px){#certGrid{grid-template-columns:1fr 1fr!important}}
@media(max-width:600px){#certGrid{grid-template-columns:1fr!important}}

/* ══ AI SUMMARY ══ */
.ai-sum{background:linear-gradient(145deg,#040f2a,#0a1848);border-radius:12px;padding:13px 15px;margin:12px 0;border:1.5px solid rgba(100,150,255,.2);display:none}
.ai-sum.on{display:block}
.ai-sum-hd{font-size:11.5px;font-weight:700;color:rgba(150,200,255,.8);margin-bottom:8px;display:flex;align-items:center;gap:7px}
.ai-sum-content{font-size:13px;color:rgba(200,220,255,.85);line-height:1.65}
.ai-sum-content ul{padding-left:16px;margin:0}
.ai-sum-content li{margin-bottom:4px}
.ai-ldots{display:flex;gap:4px}
.ai-ldot{width:6px;height:6px;background:rgba(100,150,255,.6);border-radius:50%;animation:aidot 1.4s infinite}
.ai-ldot:nth-child(2){animation-delay:.2s}.ai-ldot:nth-child(3){animation-delay:.4s}
@keyframes aidot{0%,80%,100%{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}

/* ══ RELATED ══ */
.rel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:10px}
.rel-card{background:var(--sur2);border:1px solid var(--line);border-radius:11px;overflow:hidden;cursor:pointer;transition:.2s}
.rel-card:hover{transform:translateY(-2px);box-shadow:var(--hshadow)}
.rel-img{height:78px;background-size:cover;background-position:center}
.rel-txt{padding:8px 10px}
.rel-cat{font-size:9px;font-weight:800;text-transform:uppercase;color:var(--blue);letter-spacing:.3px;margin-bottom:3px}
[data-theme=dark] .rel-cat{color:#90b0ff}
.rel-title{font-size:11px;font-weight:700;color:var(--ink);line-height:1.2}
@media(max-width:600px){.rel-grid{grid-template-columns:1fr 1fr}}

/* ══ AUTHOR MODAL TRANSITION ══ */
#autmod.on{visibility:visible!important;opacity:1!important}
#autmod.on #autCard{transform:scale(1)!important}


/* ═══ ULTRA PRO v6.1 ═══ */
/* ═══ ULTRA PRO CHART ═══ */
.chart-grid{display:flex;flex-direction:column;gap:0}
.chart-row{display:grid;grid-template-columns:52px 68px 1fr 160px 80px;align-items:center;gap:14px;padding:14px 16px;border-bottom:1px solid var(--line);cursor:pointer;transition:.18s;border-radius:0;position:relative}
.chart-row:last-child{border-bottom:none}
.chart-row:hover{background:var(--sur2);margin:0 -6px;padding:14px 22px;border-radius:12px}
.chart-row:hover::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--gold);border-radius:3px}
.chart-num{font-size:22px;font-weight:900;text-align:center;line-height:1}
.chart-num.n1{color:#d4a000}.chart-num.n2{color:#8a9ab8}.chart-num.n3{color:#a0622a}
.chart-num.nother{color:var(--ink3);font-size:18px}
[data-theme=dark] .chart-num.n1{color:#E8A800}
[data-theme=dark] .chart-num.n2{color:#b0c0d8}
[data-theme=dark] .chart-num.n3{color:#c07040}
.chart-cover{width:58px;height:58px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;position:relative;overflow:hidden}
.chart-cover img{width:100%;height:100%;object-fit:cover;border-radius:12px}
.chart-cover .chart-play{position:absolute;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;font-size:16px;opacity:0;transition:.15s;border-radius:12px}
.chart-row:hover .chart-play{opacity:1}
.chart-info{}
.chart-title{font-size:14.5px;font-weight:800;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:3px}
.chart-artist{font-size:11.5px;color:var(--ink3);font-weight:500}
.chart-bars{}
.chart-bar-bg{background:var(--sur2);border:1px solid var(--line);border-radius:6px;height:6px;overflow:hidden;margin-bottom:4px}
.chart-bar-fill{height:100%;border-radius:6px;transition:width 1.4s cubic-bezier(.22,1,.36,1)}
.chart-bar-label{font-size:9.5px;color:var(--ink3);font-weight:600;display:flex;justify-content:space-between}
.chart-badge{font-size:9.5px;font-weight:800;padding:4px 9px;border-radius:10px;text-align:center;white-space:nowrap}
.cb-fire{background:#fff0f0;color:#c00;animation:bk 1.8s infinite}
.cb-up{background:#e6fff0;color:#007a3d}
.cb-st{background:var(--sur2);color:var(--ink3)}
.cb-new{background:#fff5e0;color:#c06000}
.cb-dn{background:#fff0f0;color:#c00}
[data-theme=dark] .cb-fire{background:rgba(200,0,0,.2);color:#ff9090}
[data-theme=dark] .cb-up{background:rgba(0,180,80,.15);color:#4aff90}
[data-theme=dark] .cb-new{background:rgba(200,140,0,.15);color:#ffcc60}

/* ═══ SPOTLIGHT ARTIST CARDS ═══ */
.spot-card{background:rgba(255,255,255,.05);border:1.5px solid rgba(255,255,255,.1);border-radius:18px;overflow:hidden;transition:.25s;cursor:pointer;position:relative}
.spot-card:hover{border-color:rgba(232,168,0,.5);background:rgba(255,255,255,.09);transform:translateY(-5px);box-shadow:0 16px 40px rgba(0,0,0,.4)}
.spot-img{height:180px;background-size:cover;background-position:center top;position:relative}
.spot-img-ov{position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,15,42,.95) 0%,rgba(4,15,42,.3) 50%,transparent 70%)}
.spot-rank{position:absolute;top:10px;left:10px;background:rgba(0,0,0,.55);backdrop-filter:blur(4px);border:1px solid rgba(232,168,0,.4);color:#E8A800;font-size:11px;font-weight:800;padding:3px 9px;border-radius:20px}
.spot-cert{position:absolute;top:10px;right:10px;font-size:10px;font-weight:800;padding:3px 9px;border-radius:20px;border:1.5px solid}
.spot-body{padding:16px}
.spot-name{font-size:18px;font-weight:900;color:#fff;margin-bottom:2px}
.spot-genre{font-size:10.5px;color:rgba(255,255,255,.5);font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}
.spot-tags{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:12px}
.spot-tag{background:rgba(255,255,255,.09);color:rgba(255,255,255,.6);font-size:9.5px;font-weight:600;padding:3px 8px;border-radius:8px}
.spot-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:14px}
.spot-stat{background:rgba(255,255,255,.06);border-radius:9px;padding:8px;text-align:center}
.spot-stat .sn{font-size:15px;font-weight:900;color:#E8A800;display:block}
.spot-stat .sl{font-size:8.5px;color:rgba(255,255,255,.38);text-transform:uppercase;letter-spacing:.3px}
.spot-actions{display:flex;gap:8px}
.spot-bio-btn{flex:1;padding:8px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:10px;color:rgba(255,255,255,.75);font-size:11px;font-weight:700;cursor:pointer;font-family:'Inter',sans-serif;transition:.15s}
.spot-bio-btn:hover{background:rgba(255,255,255,.15);color:#fff}
.spot-cert-btn{flex:1;padding:8px;background:#E8A800;border:none;border-radius:10px;color:#111;font-size:11px;font-weight:800;cursor:pointer;font-family:'Inter',sans-serif;transition:.15s}
.spot-cert-btn:hover{background:#fff}
@media(max-width:1100px){#spotGrid{grid-template-columns:1fr!important}}
@media(min-width:601px) and (max-width:1100px){#spotGrid{grid-template-columns:1fr 1fr!important}}

/* ═══ TOP SEMAINE PRO ═══ */
.ts-item{display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);cursor:pointer;transition:.15s}
.ts-item:last-child{border-bottom:none}
.ts-item:hover{padding-left:5px}
.ts-num{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:900;flex-shrink:0}
.ts-g{background:var(--gold);color:#111}
.ts-s{background:#b0b8c4;color:#fff}
.ts-b{background:#a06020;color:#fff}
.ts-n{background:var(--sur2);border:1px solid var(--line);color:var(--ink3)}
.ts-title{font-size:12px;font-weight:700;color:var(--ink);line-height:1.2}
.ts-meta{font-size:9.5px;color:var(--ink3);margin-top:2px;font-weight:500}
.ts-views{font-size:10.5px;font-weight:800;color:var(--blue)}
[data-theme=dark] .ts-views{color:#90b0ff}

/* ═══ TOP 10 PRO (sidebar) ═══ */
.t10-item{display:grid;grid-template-columns:26px 28px 1fr auto;gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.07)}
.t10-item:last-child{border-bottom:none}
.t10-num{font-size:13px;font-weight:900;text-align:center}
.t10-num.g{color:#E8A800}.t10-num.s{color:#b0c0d8}.t10-num.b{color:#c07040}.t10-num.o{color:rgba(255,255,255,.35)}
.t10-av{width:28px;height:28px;border-radius:7px;overflow:hidden;flex-shrink:0}
.t10-av img{width:100%;height:100%;object-fit:cover}
.t10-av-ph{width:100%;height:100%;background:linear-gradient(135deg,#3a005c,#cc00a0);display:flex;align-items:center;justify-content:center;font-size:12px}
.t10-name{font-size:12px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.t10-sub{font-size:9.5px;color:rgba(255,255,255,.45);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.t10-bdg{font-size:8.5px;font-weight:800;padding:2px 6px;border-radius:7px;white-space:nowrap}
.t10-hot{background:rgba(255,0,0,.22);color:#ff9090}
.t10-up{background:rgba(0,180,80,.2);color:#4aff90}
.t10-new{background:rgba(232,168,0,.18);color:#E8A800}
.t10-st{background:rgba(255,255,255,.08);color:rgba(255,255,255,.4)}


/* ═══ FOOTBALL WIDGET CSS ═══ */






/* ── SPORT SECTION ── */
.sport-wrap{max-width:1100px;margin:0 auto}

/* API KEY SETUP BANNER */
.api-banner{background:linear-gradient(135deg,#002366,#0747a6);border-radius:16px;padding:20px 24px;margin-bottom:22px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.api-banner h3{font-size:15px;font-weight:800;margin-bottom:4px}
.api-banner p{font-size:12px;opacity:.75;line-height:1.5}
.api-inp{padding:9px 13px;border-radius:9px;border:none;font-size:13px;font-family:'Inter',sans-serif;width:260px;outline:none}
.api-save{background:var(--gold);color:#111;border:none;border-radius:9px;padding:9px 16px;font-size:13px;font-weight:800;cursor:pointer;font-family:'Inter',sans-serif;white-space:nowrap}
.api-save:hover{background:#c88e00}

/* ── LEAGUES TABS ── */
.league-tabs{display:flex;gap:8px;margin-bottom:18px;flex-wrap:wrap}
.ltab{display:flex;align-items:center;gap:7px;padding:9px 16px;border-radius:20px;border:1.5px solid var(--line);background:var(--sur);cursor:pointer;transition:.15s;font-size:12.5px;font-weight:700;color:var(--ink2)}
.ltab:hover{border-color:var(--blue);color:var(--blue)}
.ltab.on{border-color:transparent;color:#fff}
.ltab .flag{font-size:16px}
.ltab .lname{font-weight:800}

/* ── MAIN GRID ── */
.sport-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:18px}
@media(max-width:800px){.sport-grid{grid-template-columns:1fr}}

/* ── STANDINGS TABLE ── */
.stand-card{background:var(--sur);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 2px 16px rgba(11,43,102,.07)}
.stand-hd{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.stand-hd-left{display:flex;align-items:center;gap:10px}
.league-logo{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}
.stand-title{font-family:'DM Serif Display',serif;font-size:17px;color:var(--blue);font-style:italic}
[data-theme=dark] .stand-title{color:#90b0ff}
.stand-sub{font-size:10.5px;color:var(--ink3);font-weight:500;margin-top:1px}
.live-badge{font-size:9px;font-weight:800;padding:3px 8px;border-radius:10px;background:rgba(0,122,61,.15);color:#007a3d;border:1px solid rgba(0,122,61,.25)}
.stand-table{width:100%;border-collapse:collapse}
.stand-table thead tr{background:var(--sur2);border-bottom:1px solid var(--line)}
.stand-table th{padding:8px 10px;font-size:9.5px;font-weight:800;color:var(--ink3);text-align:left;text-transform:uppercase;letter-spacing:.4px}
.stand-table th:not(:first-child):not(:nth-child(2)){text-align:center}
.stand-table td{padding:9px 10px;font-size:12.5px;color:var(--ink2);border-bottom:1px solid var(--line)}
.stand-table td:not(:first-child):not(:nth-child(2)){text-align:center;font-weight:600}
.stand-table tr:last-child td{border-bottom:none}
.stand-table tr:hover td{background:var(--sur2)}
.pos-num{font-size:12px;font-weight:900;width:24px;text-align:center}
.pos-cl{color:var(--blue)}.pos-el{color:#e65c00}.pos-rel{color:var(--red)}
.team-row{display:flex;align-items:center;gap:8px}
.team-crest{width:22px;height:22px;object-fit:contain}
.team-crest-ph{width:22px;height:22px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:11px;flex-shrink:0}
.team-name{font-size:12.5px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:130px}
.pts{font-size:13px;font-weight:900;color:var(--blue)}
[data-theme=dark] .pts{color:#90b0ff}
.form-dots{display:flex;gap:3px;justify-content:center}
.fd{width:8px;height:8px;border-radius:50%}
.fw{background:#007a3d}.fd2{background:#e10600}.fd3{background:#7a8a9e}
.zone-bar{position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:2px}
.stand-table tr{position:relative}
.stand-footer{padding:10px 16px;background:var(--sur2);border-top:1px solid var(--line);display:flex;gap:14px;flex-wrap:wrap}
.zone-legend{display:flex;align-items:center;gap:5px;font-size:9.5px;color:var(--ink3);font-weight:600}
.zl-dot{width:8px;height:8px;border-radius:2px;flex-shrink:0}

/* ── RIGHT COLUMN ── */
.right-col{display:flex;flex-direction:column;gap:16px}

/* JOUEURS HAITIENS */
.hai-card{background:linear-gradient(145deg,#040f2a,#0a2060);border-radius:18px;padding:18px;color:#fff}
.hai-title{font-family:'DM Serif Display',serif;font-size:17px;color:var(--gold);font-style:italic;margin-bottom:14px;display:flex;align-items:center;gap:8px}
.hai-player{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.hai-player:last-child{border-bottom:none}
.hai-av{width:38px;height:38px;border-radius:50%;border:2px solid rgba(232,168,0,.4);display:flex;align-items:center;justify-content:center;font-size:15px;background:rgba(255,255,255,.07);flex-shrink:0}
.hai-name{font-size:13px;font-weight:800;color:#fff;margin-bottom:2px}
.hai-club{font-size:10.5px;color:rgba(255,255,255,.5);display:flex;align-items:center;gap:5px}
.hai-stats-row{display:flex;gap:6px}
.hai-stat{background:rgba(255,255,255,.07);border-radius:7px;padding:4px 8px;text-align:center}
.hai-stat .hv{font-size:13px;font-weight:900;color:var(--gold);display:block}
.hai-stat .hl{font-size:8.5px;color:rgba(255,255,255,.4);text-transform:uppercase}
.hai-impact{font-size:9.5px;padding:3px 8px;border-radius:10px;font-weight:700;margin-top:4px;display:inline-block}
.imp-high{background:rgba(0,200,80,.2);color:#4aff90}
.imp-mid{background:rgba(232,168,0,.2);color:var(--gold)}

/* DERNIERS RÉSULTATS */
.results-card{background:var(--sur);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 2px 16px rgba(11,43,102,.07)}
.results-hd{padding:14px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}
.results-hd h3{font-family:'DM Serif Display',serif;font-size:16px;color:var(--blue);font-style:italic}
[data-theme=dark] .results-hd h3{color:#90b0ff}
.result-item{padding:11px 16px;border-bottom:1px solid var(--line);transition:.15s;cursor:pointer}
.result-item:last-child{border-bottom:none}
.result-item:hover{background:var(--sur2)}
.result-comp{font-size:9.5px;font-weight:700;color:var(--ink3);text-transform:uppercase;letter-spacing:.4px;margin-bottom:5px}
.result-teams{display:flex;align-items:center;justify-content:space-between;gap:8px}
.result-team{font-size:12.5px;font-weight:800;color:var(--ink);flex:1}
.result-team.away{text-align:right}
.result-score{background:var(--ink);color:#fff;border-radius:6px;padding:4px 10px;font-size:13px;font-weight:900;white-space:nowrap;flex-shrink:0}
.result-score.home-win{background:var(--blue)}
.result-score.away-win{background:var(--red)}
.result-score.draw{background:#506070}
.result-date{font-size:9.5px;color:var(--ink3);margin-top:4px;text-align:center}
.hai-goal{font-size:9px;background:rgba(0,122,61,.15);color:#007a3d;padding:1px 6px;border-radius:6px;font-weight:700;margin-left:4px}

/* LOADING */
.loading-box{padding:32px;text-align:center;color:var(--ink3)}
.spin{display:inline-block;width:28px;height:28px;border:3px solid var(--line);border-top-color:var(--blue);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:10px}
@keyframes spin{to{transform:rotate(360deg)}}

/* ERROR BOX */
.error-box{padding:20px;background:rgba(225,6,0,.06);border:1px solid rgba(225,6,0,.2);border-radius:12px;text-align:center;color:var(--red);font-size:13px;margin:10px 0}
.error-box a{color:var(--blue);font-weight:700;text-decoration:underline;cursor:pointer}

/* DARK MODE BTN */


/* ─── Responsive league grid ─── */
.league-main-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:16px}
@media(max-width:1100px){.league-main-grid{grid-template-columns:1fr}}
.ltab{display:flex;align-items:center;gap:7px;padding:8px 14px;border-radius:20px;border:1.5px solid var(--line);background:var(--sur);cursor:pointer;transition:.15s;font-size:12px;font-weight:700;color:var(--ink2);font-family:'Inter',sans-serif}
.ltab:hover{border-color:var(--blue);color:var(--blue)}
.ltab.on{border-color:transparent}

/* Sport compact grid responsive */
@media(max-width:700px){
  #sport-section .mbox{width:100%!important}
  #sport-section > .sec > div:nth-child(2){grid-template-columns:1fr!important}
}


/* ═══ FIGURES MARQUANTES CSS ═══ */
/* ═══ FIGURES MARQUANTES ═══ */
.fig-tab{padding:6px 13px;border-radius:16px;font-size:12px;font-weight:700;cursor:pointer;border:1.5px solid var(--line);color:var(--ink3);background:transparent;font-family:'Inter',sans-serif;transition:.15s}
.fig-tab:hover{border-color:var(--blue);color:var(--blue)}
.fig-tab.on{background:var(--blue);color:#fff;border-color:var(--blue)}

.fig-card{background:var(--sur2);border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:.22s;cursor:pointer;position:relative}
.fig-card:hover{transform:translateY(-5px);box-shadow:0 14px 40px rgba(11,43,102,.13);border-color:rgba(11,43,102,.18)}
[data-theme=dark] .fig-card:hover{box-shadow:0 14px 40px rgba(0,0,0,.4)}

.fig-img{height:170px;background-size:cover;background-position:center top;position:relative;overflow:hidden}
.fig-img-ov{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,5,20,.78) 0%,rgba(0,0,0,.1) 55%,transparent 75%);transition:.2s}
.fig-card:hover .fig-img-ov{background:linear-gradient(0deg,rgba(0,5,20,.85) 0%,rgba(0,0,0,.18) 55%,transparent 75%)}
.fig-img-zoom{position:absolute;inset:0;background-size:cover;background-position:center top;transition:transform 5s ease}
.fig-card:hover .fig-img-zoom{transform:scale(1.05)}

.fig-rank{position:absolute;top:10px;left:10px;font-size:10.5px;font-weight:800;padding:3px 9px;border-radius:16px;background:rgba(0,0,0,.5);color:#fff;border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(4px)}
.fig-cert-pill{position:absolute;top:10px;right:10px;font-size:9.5px;font-weight:800;padding:3px 9px;border-radius:16px;border:1.5px solid}

.fig-name{position:absolute;bottom:10px;left:13px;color:#fff;font-family:'DM Serif Display',serif;font-size:17px;font-style:italic;font-weight:400;z-index:1;line-height:1.1}
.fig-genre{position:absolute;bottom:11px;right:12px;color:rgba(255,255,255,.55);font-size:10px;font-weight:600;z-index:1}

.fig-body{padding:13px 15px 15px}
.fig-tags{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:11px}
.fig-tag{font-size:10px;padding:2px 8px;border-radius:7px;background:var(--sur);border:1px solid var(--line);color:var(--ink3);font-weight:600}
.fig-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:12px}
.fig-stat{background:var(--sur);border-radius:9px;padding:7px 6px;text-align:center;border:1px solid var(--line)}
.fig-stat .fv{font-size:13px;font-weight:800;color:var(--blue);display:block}
[data-theme=dark] .fig-stat .fv{color:#90b0ff}
.fig-stat .fl{font-size:8.5px;color:var(--ink3);text-transform:uppercase;letter-spacing:.3px}
.fig-actions{display:flex;gap:7px}
.fig-bio-btn{flex:1;padding:8px;border:1.5px solid var(--line);border-radius:9px;font-size:11px;color:var(--ink2);cursor:pointer;background:transparent;text-align:center;font-weight:700;font-family:'Inter',sans-serif;transition:.15s}
.fig-bio-btn:hover{border-color:var(--blue);color:var(--blue)}
.fig-cert-btn{flex:1;padding:8px;border:1.5px solid var(--gold);border-radius:9px;font-size:11px;color:#111;cursor:pointer;background:var(--gold);text-align:center;font-weight:800;font-family:'Inter',sans-serif;transition:.15s}
.fig-cert-btn:hover{background:var(--gold2);border-color:var(--gold2)}

/* Modal stat box */
.fig-mstat{background:var(--sur2);border-radius:10px;padding:10px 8px;text-align:center}
.fig-mstat .mv{font-size:16px;font-weight:900;color:var(--blue);display:block}
[data-theme=dark] .fig-mstat .mv{color:#90b0ff}
.fig-mstat .ml{font-size:9px;color:var(--ink3);text-transform:uppercase;letter-spacing:.3px}

/* Modal art item */
.fig-art-item{display:flex;gap:10px;align-items:center;padding:9px 11px;background:var(--sur2);border:1px solid var(--line);border-radius:10px;cursor:pointer;transition:.15s}
.fig-art-item:hover{border-color:var(--blue);transform:translateX(3px)}
.fig-art-ico{width:30px;height:30px;border-radius:7px;background-size:cover;background-position:center;flex-shrink:0;background-color:var(--sur)}
.fig-art-t{font-size:12.5px;font-weight:700;color:var(--ink);line-height:1.2}
.fig-art-m{font-size:10px;color:var(--ink3);margin-top:2px}

/* Modal open state */
#figModal.on{visibility:visible!important;opacity:1!important}
#figModal.on #figCard{transform:translateY(0)!important}

/* Responsive */
@media(max-width:1100px){#figGrid{grid-template-columns:1fr 1fr!important}}
@media(max-width:600px){#figGrid{grid-template-columns:1fr!important}}


/* ═══ MEGA MENU ═══ */
.mega-menu{position:absolute;left:50%;transform:translateX(-50%) translateY(12px);top:68px;width:min(1120px,calc(100vw - 40px));background:var(--sur);border:1px solid var(--line);border-radius:18px;box-shadow:0 22px 60px rgba(0,0,0,.18);padding:18px;opacity:0;visibility:hidden;pointer-events:none;transition:.22s ease;z-index:250}
header:hover .mega-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}
.mega-grid{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:14px}
.mega-feature{min-height:170px;border-radius:14px;overflow:hidden;position:relative;color:#fff;background:#001848}
.mega-feature::before{content:"";position:absolute;inset:0;background:url('https://images.unsplash.com/photo-1504711434969-e33886168f5c?w=900&q=80') center/cover;opacity:.62}
.mega-feature::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.78),transparent 60%)}
.mega-feature div{position:absolute;left:15px;right:15px;bottom:14px;z-index:1}
.mega-feature span{display:inline-block;background:var(--gold);color:#111;font-size:9px;font-weight:900;padding:3px 8px;border-radius:12px;margin-bottom:7px;text-transform:uppercase}
.mega-feature h3{font-size:17px;line-height:1.15}
.mega-col{background:var(--sur2);border:1px solid var(--line);border-radius:14px;padding:13px}
.mega-col h4{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--blue);margin-bottom:9px;font-weight:900}
[data-theme=dark] .mega-col h4{color:#90b0ff}
.mega-col a{display:block;padding:7px 0;color:var(--ink2);font-size:12.5px;font-weight:700;border-bottom:1px solid var(--line);cursor:pointer}
.mega-col a:last-child{border-bottom:none}
.mega-col a:hover{color:var(--gold2)}
@media(max-width:1100px){.mega-menu{display:none}}

/* ═══ PREMIUM CARD POLISH ═══ */
header{backdrop-filter:blur(16px)}
.hmenu a{position:relative}
.hmenu a::after{content:"";position:absolute;left:12px;right:12px;bottom:2px;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:center;transition:.18s;border-radius:3px}
.hmenu a:hover::after,.hmenu a.on::after{transform:scaleX(1)}
.hmenu a.on::after{background:#fff}
.pro-meta{display:flex;gap:7px;flex-wrap:wrap;align-items:center;margin-top:10px;padding-top:9px;border-top:1px dashed var(--line)}
.pro-pill{display:inline-flex;align-items:center;gap:4px;background:var(--sur);border:1px solid var(--line);color:var(--ink3);font-size:9.5px;font-weight:800;padding:3px 7px;border-radius:999px}
.card:hover .pro-pill{border-color:rgba(232,168,0,.45)}
.lensky-index{margin-top:10px;background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:9px}
.lensky-index-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px;color:rgba(255,255,255,.72);font-size:10px;font-weight:800}
.lensky-index-bar{height:5px;background:rgba(255,255,255,.09);border-radius:8px;overflow:hidden}
.lensky-index-fill{height:100%;border-radius:8px;background:linear-gradient(90deg,var(--gold),#fff0a0)}
.profile-type{display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.72);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.4px;border-radius:999px;padding:3px 8px;margin-bottom:8px}
.bbar{position:sticky;top:68px;z-index:190}
@media(max-width:1100px){.bbar{top:58px}}


/* =========================================================
   LENSKY PRODZ — FINAL PRO PATCH
   Pa siprime anyen nan baz la. Sa ajoute polish sou estrikti aktyèl la.
   ========================================================= */

:root{
  --lp-deep:#040f2a;
  --lp-navy:#061a46;
  --lp-blue:#002366;
  --lp-blue-soft:#0b3d91;
  --lp-gold:#E8A800;
  --lp-gold-light:#FFD866;
  --lp-card-soft:#ffffff;
  --lp-page:#F6F8FC;
}

/* Better page contrast */
body{
  background:
    radial-gradient(circle at 8% 0%, rgba(232,168,0,.035), transparent 24%),
    linear-gradient(180deg,#F7F9FD 0%, var(--bg) 36%, #EEF3FA 100%) !important;
}

[data-theme=dark] body{
  background:
    radial-gradient(circle at 8% 0%, rgba(232,168,0,.07), transparent 25%),
    linear-gradient(180deg,#091020 0%, #0b1120 45%, #08101e 100%) !important;
}

/* Global premium depth without changing structure */
.sec,.chsec,.sbox,.stand-card,.nlbox,.adbox{
  box-shadow:0 8px 28px rgba(11,43,102,.08) !important;
}

.sec,.chsec{
  margin-bottom:28px !important;
}

.sec-hd,.chhd{
  padding-bottom:16px !important;
  margin-bottom:20px !important;
}

.sec-hd h2,.chhd h2,.biohd h2{
  letter-spacing:-.2px;
}

/* Header / Menu polish */
header{
  backdrop-filter:blur(14px);
}

.nav{
  position:relative;
}

.hmenu a{
  position:relative;
}

.hmenu a::after{
  content:"";
  position:absolute;
  left:12px;
  right:12px;
  bottom:2px;
  height:2px;
  border-radius:5px;
  background:var(--gold);
  transform:scaleX(0);
  transition:.18s ease;
}

.hmenu a:hover::after,
.hmenu a.on::after{
  transform:scaleX(1);
}

.hmenu a.on::after{
  background:#fff;
}

/* Mega Menu — ajoute pro navigation san retire menu aktyèl la */
.lp-mega-menu{
  position:absolute;
  top:68px;
  left:50%;
  transform:translateX(-50%) translateY(12px);
  width:min(1130px,calc(100vw - 44px));
  background:var(--sur);
  border:1px solid var(--line);
  border-radius:20px;
  box-shadow:0 24px 70px rgba(0,0,0,.20);
  padding:18px;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:.22s ease;
  z-index:260;
}

header:hover .lp-mega-menu{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateX(-50%) translateY(0);
}

.lp-mega-grid{
  display:grid;
  grid-template-columns:1.2fr repeat(3,1fr);
  gap:14px;
}

.lp-mega-feature{
  min-height:176px;
  border-radius:16px;
  overflow:hidden;
  position:relative;
  color:#fff;
  background:#001848;
}

.lp-mega-feature::before{
  content:"";
  position:absolute;
  inset:0;
  background:url('https://images.unsplash.com/photo-1504711434969-e33886168f5c?w=1000&q=82') center/cover;
  opacity:.62;
}

.lp-mega-feature::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(0deg,rgba(0,0,0,.82),rgba(0,0,0,.20) 62%,transparent);
}

.lp-mega-feature div{
  position:absolute;
  left:16px;
  right:16px;
  bottom:15px;
  z-index:2;
}

.lp-mega-feature span{
  display:inline-flex;
  background:var(--gold);
  color:#111;
  padding:4px 9px;
  border-radius:999px;
  font-size:9px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.5px;
  margin-bottom:8px;
}

.lp-mega-feature h3{
  font-size:18px;
  line-height:1.14;
  font-weight:900;
}

.lp-mega-col{
  background:var(--sur2);
  border:1px solid var(--line);
  border-radius:16px;
  padding:14px;
}

.lp-mega-col h4{
  color:var(--blue);
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.5px;
  margin-bottom:9px;
}

[data-theme=dark] .lp-mega-col h4{
  color:#90b0ff;
}

.lp-mega-col a{
  display:block;
  color:var(--ink2);
  font-size:12.5px;
  font-weight:750;
  padding:7px 0;
  border-bottom:1px solid var(--line);
  cursor:pointer;
}

.lp-mega-col a:last-child{border-bottom:none}
.lp-mega-col a:hover{color:var(--gold)}

/* Breaking Bar as stronger sticky editorial alert */
.bbar{
  position:sticky;
  top:68px;
  z-index:190;
  box-shadow:0 10px 26px rgba(184,0,0,.18);
}

.btag{
  animation:lpPulse 1.65s infinite;
}

@keyframes lpPulse{
  0%,100%{transform:scale(1);opacity:1}
  50%{transform:scale(1.04);opacity:.82}
}

/* Hero : ajoute label trending via JS + cleaner visual */
.hmain{
  height:450px !important;
  border:1px solid rgba(255,255,255,.14);
}

.htxt{
  max-width:940px;
}

.htxt h1{
  text-shadow:0 5px 24px rgba(0,0,0,.36);
}

.lp-trending-label{
  display:inline-flex;
  align-items:center;
  gap:6px;
  background:rgba(255,255,255,.13);
  border:1px solid rgba(255,255,255,.22);
  color:#fff;
  padding:4px 10px;
  border-radius:999px;
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.45px;
  margin-bottom:9px;
  backdrop-filter:blur(6px);
}

/* News cards richer, cleaner */
.card{
  border-radius:20px !important;
}

.card h4{
  letter-spacing:-.12px;
}

.chip{
  border-radius:999px !important;
  box-shadow:0 5px 18px rgba(0,0,0,.18);
}

.lp-card-meta{
  display:flex;
  gap:7px;
  flex-wrap:wrap;
  align-items:center;
  margin-top:10px;
  padding-top:9px;
  border-top:1px dashed var(--line);
}

.lp-card-pill{
  display:inline-flex;
  align-items:center;
  gap:4px;
  background:var(--sur);
  border:1px solid var(--line);
  color:var(--ink3);
  font-size:9.5px;
  font-weight:850;
  padding:3px 7px;
  border-radius:999px;
}

.card:hover .lp-card-pill{
  border-color:rgba(232,168,0,.45);
}

/* Reduce overly heavy Spotlight / Personnalités while keeping structure */
.biowrap,
#sec-cert{
  background:
    radial-gradient(circle at 14% 0%, rgba(232,168,0,.10), transparent 28%),
    linear-gradient(145deg,#07183f 0%, #002366 58%, #05163a 100%) !important;
  border:1px solid rgba(232,168,0,.16) !important;
  box-shadow:0 18px 50px rgba(0,35,102,.26) !important;
}

.spot-img{
  height:150px !important;
}

.spot-body{
  padding:13px !important;
}

.spot-card{
  border:1px solid rgba(232,168,0,.14) !important;
  background:rgba(255,255,255,.055) !important;
}

.spot-card:hover{
  border-color:rgba(232,168,0,.34) !important;
  box-shadow:0 18px 42px rgba(0,0,0,.28) !important;
}

.spot-name{
  font-size:16.5px !important;
}

.spot-genre{
  color:rgba(255,255,255,.58) !important;
  margin-bottom:8px !important;
}

.spot-tags{
  margin-bottom:10px !important;
}

.spot-tag,
.profile-type{
  background:rgba(255,255,255,.09) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  color:rgba(255,255,255,.70) !important;
}

.spot-stats{
  gap:7px !important;
  margin-bottom:12px !important;
}

.spot-stat{
  background:rgba(255,255,255,.075) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:11px !important;
  padding:7px !important;
}

.spot-stat .sn{
  color:var(--gold) !important;
  font-size:14px !important;
}

.spot-stat .sl{
  color:rgba(255,255,255,.45) !important;
}

.spot-bio-btn{
  background:rgba(255,255,255,.08) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  color:rgba(255,255,255,.82) !important;
}

.spot-cert-btn{
  background:linear-gradient(135deg,#FFD700,#E8A800) !important;
  color:#061a46 !important;
  box-shadow:0 8px 18px rgba(232,168,0,.18) !important;
}

.spot-cert,
.cert-ico{
  background:rgba(255,215,0,.10) !important;
  color:#FFD700 !important;
  border-color:rgba(255,215,0,.42) !important;
}

.lensky-index{
  margin-top:10px;
  background:rgba(2,15,43,.40) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  border-radius:12px;
  padding:9px;
}

.lensky-index-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:5px;
  color:rgba(255,255,255,.76) !important;
  font-size:10px;
  font-weight:850;
}

.lensky-index-bar{
  height:5px;
  background:rgba(255,255,255,.10);
  border-radius:8px;
  overflow:hidden;
}

.lensky-index-fill{
  height:100%;
  border-radius:8px;
  background:linear-gradient(90deg,#E8A800,#FFD700,#fff2a4) !important;
}

.bio-upgrade-note{
  margin-top:14px;
  background:rgba(255,255,255,.055) !important;
  border:1px solid rgba(232,168,0,.22) !important;
  color:rgba(255,255,255,.70) !important;
  border-radius:14px;
  padding:12px 14px;
  font-size:11.5px;
  line-height:1.55;
}

.bio-upgrade-note strong{
  color:#FFD700 !important;
}

/* Profile page teaser / timeline foundation */
.lp-profile-teaser{
  margin-top:14px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(232,168,0,.18);
  border-radius:15px;
  padding:14px;
  color:rgba(255,255,255,.72);
}

.lp-profile-teaser h4{
  color:#FFD700;
  font-size:13px;
  margin-bottom:10px;
}

.lp-timeline{
  display:grid;
  gap:8px;
}

.lp-timeline-item{
  display:grid;
  grid-template-columns:52px 1fr;
  gap:9px;
  align-items:start;
}

.lp-timeline-year{
  color:#FFD700;
  font-size:11px;
  font-weight:900;
}

.lp-timeline-text{
  font-size:11px;
  line-height:1.42;
  color:rgba(255,255,255,.66);
}

/* Top 10 movement tags */
.lp-move{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  padding:2px 6px;
  font-size:8.5px;
  font-weight:900;
  white-space:nowrap;
}

.lp-hot{background:rgba(225,6,0,.13);color:#e10600}
.lp-up{background:rgba(0,122,61,.13);color:#007a3d}
.lp-new{background:rgba(232,168,0,.16);color:#a97700}
.lp-stable{background:rgba(122,138,158,.15);color:#6b7788}

[data-theme=dark] .lp-hot{color:#ff8c8c;background:rgba(225,6,0,.18)}
[data-theme=dark] .lp-up{color:#5cff9c;background:rgba(0,122,61,.18)}
[data-theme=dark] .lp-new{color:#FFD866;background:rgba(232,168,0,.18)}
[data-theme=dark] .lp-stable{color:#b8c4d6;background:rgba(122,138,158,.16)}

/* Improve rank/top items if present */
.ritem,.ts-item,.lp-mini-rank,.t10-item{
  position:relative;
}

.ritem:hover,.ts-item:hover{
  background:var(--sur2);
  margin-left:-8px;
  margin-right:-8px;
  padding-left:8px;
  padding-right:8px;
  border-radius:10px;
}

/* Sidebar better organization */
.sbox{
  border-radius:20px !important;
}

.sbox h3{
  display:flex;
  align-items:center;
  justify-content:space-between;
}

.sbox h3::after{
  content:"";
  width:32px;
  height:3px;
  border-radius:5px;
  background:linear-gradient(90deg,var(--gold),transparent);
}

/* Charts more premium but lighter */
.chart-row{
  border-radius:12px;
}

.chart-row:hover{
  box-shadow:inset 0 0 0 1px rgba(232,168,0,.12);
}

/* Sport center lighter contrast */
.sport-wrap .stand-card,
.sport-wrap .hai-card{
  box-shadow:0 10px 30px rgba(11,43,102,.10);
}

/* Ad refinement */
.adbox::after{
  content:"";
  position:absolute;
  inset:0;
  border:1px solid rgba(255,255,255,.16);
  border-radius:inherit;
  pointer-events:none;
}

/* Mobile refinements */
@media(max-width:1100px){
  .lp-mega-menu{display:none}
  .bbar{top:58px}
  .hmain{height:370px !important}
  .lp-card-meta{display:none}
  .spot-img{height:145px !important}
}

@media(max-width:600px){
  .binner{padding:0 16px}
  .hmain{height:315px !important}
  .hero{padding:18px 0 22px}
  .htxt{padding:22px}
  .htxt h1{font-size:24px}
  .sec,.chsec{padding:18px}
  .biowrap,#sec-cert{border-radius:20px !important}
  .spot-img{height:140px !important}
}


/* ═══ NEW v7 FEATURES ═══ */
@keyframes confettiFall{0%{transform:translateY(0) rotate(0);opacity:1}100%{transform:translateY(105vh) rotate(720deg);opacity:0}}
@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes slideUp{from{transform:translateY(100%)}to{transform:translateY(0)}}

/* Indice Lensky */
.indice-sec{background:linear-gradient(145deg,#040f2a,#0a1848);border-radius:20px;padding:24px;margin-bottom:22px;box-shadow:var(--cshadow)}
.indice-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.1)}
.indice-hd h2{font-family:'DM Serif Display',serif;font-size:21px;color:var(--gold);font-style:italic;margin:0}
.indice-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
@media(max-width:1100px){.indice-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.indice-grid{display:flex!important;overflow-x:auto;gap:10px!important;padding-bottom:8px;scrollbar-width:none}}
@media(max-width:600px){.indice-grid::-webkit-scrollbar{display:none}}
@media(max-width:600px){.indice-card{min-width:110px;flex-shrink:0}}
.indice-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:14px 10px;text-align:center;cursor:pointer;transition:.2s;position:relative}
.indice-card:hover{background:rgba(255,255,255,.1);transform:translateY(-3px);border-color:rgba(232,168,0,.3)}
.indice-rank{position:absolute;top:8px;left:10px;font-size:10px;font-weight:900;color:rgba(255,255,255,.4)}
.indice-rank.r1{color:var(--gold)}.indice-rank.r2{color:#b0c0d8}.indice-rank.r3{color:#c07040}
.indice-av{width:48px;height:48px;border-radius:50%;margin:0 auto 8px;background-size:cover;background-position:center top;border:2px solid rgba(255,255,255,.15)}
.indice-name{font-size:12px;font-weight:800;color:#fff;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.indice-cat{font-size:9px;color:rgba(255,255,255,.45);font-weight:600;text-transform:uppercase;letter-spacing:.3px;margin-bottom:8px}
.indice-score-bg{background:rgba(255,255,255,.08);border-radius:6px;height:4px;overflow:hidden;margin-bottom:4px}
.indice-score-fill{height:100%;border-radius:6px;background:linear-gradient(90deg,var(--gold),#fff0a0);transition:width 1.4s ease;width:0%}
.indice-score-num{font-size:11px;font-weight:900;color:var(--gold)}
.indice-delta{font-size:9px;font-weight:700;padding:2px 6px;border-radius:8px;margin-top:4px;display:inline-block}
.id-up{background:rgba(0,180,80,.2);color:#4aff90}
.id-dn{background:rgba(200,0,0,.2);color:#ff9090}
.id-st{background:rgba(255,255,255,.08);color:rgba(255,255,255,.4)}

/* Bookmark button */
.bookmark-btn{display:flex;align-items:center;gap:5px;padding:8px 14px;border-radius:18px;border:1.5px solid var(--line);background:var(--sur2);cursor:pointer;font-size:12.5px;font-weight:700;color:var(--ink2);transition:.15s;font-family:'Inter',sans-serif}
.bookmark-btn:hover,.bookmark-btn.saved{background:var(--gold);color:#111;border-color:var(--gold)}

/* Article progress bar */
.art-progress{position:sticky;top:0;height:3px;background:var(--line);z-index:3;margin:0}
.art-progress-fill{height:100%;background:linear-gradient(90deg,var(--blue),var(--gold));width:0%;transition:width .1s}

/* Reading time bar */
.read-time-bar{display:flex;align-items:center;gap:8px;padding:9px 13px;background:var(--sur2);border-radius:10px;margin-bottom:13px;font-size:12px;color:var(--ink3)}
.read-time-bar strong{color:var(--ink);font-weight:800}

/* Bookmark sidebar item */
.bk-item{display:flex;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line);cursor:pointer;transition:.15s}
.bk-item:last-child{border-bottom:none}
.bk-item:hover{padding-left:4px}
.bk-img{width:36px;height:36px;border-radius:6px;background-size:cover;background-position:center;flex-shrink:0}
.bk-title{font-size:11.5px;font-weight:700;color:var(--ink);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bk-date{font-size:9.5px;color:var(--ink3);margin-top:2px}

/* Share sheet */
.share-item{text-align:center;cursor:pointer;padding:12px;background:var(--sur2);border-radius:12px;transition:.15s}
.share-item:hover{background:var(--sur);transform:translateY(-2px)}
.share-item .si{font-size:24px;display:block;margin-bottom:4px}
.share-item .sl{font-size:10px;font-weight:700;color:var(--ink2)}


/* ===================== Lensky CMS — couche blocs dynamiques ===================== */
.lp-g{display:grid;gap:16px;align-items:start}
.lp-g.grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.lp-g.cols2{grid-template-columns:repeat(2,minmax(0,1fr))}
.lp-g .card{height:100%;display:flex;flex-direction:column}
.lp-g .card .ci{height:180px;flex-shrink:0}
.lp-g .card .ct{flex:1}
.lp-feat{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:16px;align-items:start}
.lp-feat .lp-lead{grid-row:span 2}
.lp-feat .lp-lead .ci{height:330px}
.lp-feat .card{height:100%;display:flex;flex-direction:column}
.lp-feat .card .ci{height:172px;flex-shrink:0}
.lp-list-cards{display:flex;flex-direction:column;gap:12px}
.lp-compact a{display:flex;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}
.lp-compact a:last-child{border-bottom:none}
.lp-compact .num{color:var(--gold);font-weight:800;flex-shrink:0}
.lp-compact .ttl{font-weight:700;color:var(--ink);font-size:14px;line-height:1.25}
.lp-compact a:hover .ttl{color:var(--blue)}
.lp-carousel{display:flex;gap:16px;overflow-x:auto;padding-bottom:10px;scroll-snap-type:x mandatory;scrollbar-width:thin}
.lp-carousel>*{flex:0 0 290px;scroll-snap-align:start}
@media(max-width:1100px){.lp-g.grid,.lp-feat{grid-template-columns:repeat(2,minmax(0,1fr))}.lp-feat .lp-lead{grid-row:auto}.lp-feat .lp-lead .ci{height:230px}}
@media(max-width:640px){.lp-g.grid,.lp-g.cols2,.lp-feat{grid-template-columns:1fr}.lp-g .card .ci,.lp-feat .card .ci{height:200px}}

/* ===== Widget ligues : classement bien ajusté + résultats à droite (v7) ===== */
.league-main-grid{grid-template-columns:1.75fr 1fr!important;align-items:start;gap:14px}
.stand-card{overflow:hidden}
#mainStandingsWrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.stand-table{width:100%;min-width:0}
.stand-table th,.stand-table td{padding:6px 5px;font-size:10.5px;white-space:nowrap;text-align:center}
.stand-table th:nth-child(2),.stand-table td:nth-child(2){text-align:left}
.stand-table .team-name{max-width:96px;overflow:hidden;text-overflow:ellipsis;display:inline-block;vertical-align:middle}
.stand-table .team-crest,.stand-table .team-crest-ph{width:18px;height:18px;font-size:10px}
/* masque la colonne Fòm pour gagner de la place */
.stand-table th:nth-child(10),.stand-table td:nth-child(10){display:none}
@media(max-width:760px){.league-main-grid{grid-template-columns:1fr!important}}

/* ===== Page article : multi-sidebars ===== */
.lp-article-layout{max-width:1540px;margin:26px auto;padding:0 24px;display:grid;gap:22px;align-items:start}
.lp-article-layout.cols-3{grid-template-columns:280px minmax(0,1fr) 320px}
.lp-article-layout.cols-left{grid-template-columns:280px minmax(0,1fr)}
.lp-article-layout.cols-right{grid-template-columns:minmax(0,1fr) 320px}
.lp-article-layout.cols-1{grid-template-columns:minmax(0,820px);justify-content:center}
.lp-art-main .acard{max-width:none;width:100%;margin:0}
.lp-art-side{align-self:start}
.sb-sticky{position:sticky;top:90px}
@media(max-width:1100px){.lp-article-layout{grid-template-columns:1fr!important}.lp-art-side{order:3}}

/* ===================== Sections riches dans les articles ===================== */
.article-body{font-size:16px;line-height:1.8;color:var(--ink2)}
.article-body h2{font-family:'DM Serif Display',serif;color:var(--ink);font-size:24px;margin:22px 0 10px}
.article-body h3{font-weight:800;color:var(--ink);font-size:19px;margin:18px 0 8px}
.article-body img{max-width:100%;border-radius:14px;margin:14px 0}
.article-body a{color:var(--blue);font-weight:600}

/* Encadré info / citation / CTA */
.lp-callout{background:var(--sur2);border:1px solid var(--line);border-left:4px solid var(--blue);border-radius:12px;padding:16px 18px;margin:18px 0;font-size:15px}
.lp-callout.gold{border-left-color:var(--gold)}
.lp-callout.red{border-left-color:var(--red)}
.lp-quote{border:none;background:linear-gradient(120deg,#001a4d,#0747a6);color:#fff;border-radius:16px;padding:22px 26px;margin:20px 0;font-family:'DM Serif Display',serif;font-style:italic;font-size:20px;line-height:1.5}
.lp-cta{display:flex;align-items:center;justify-content:space-between;gap:14px;background:var(--sur2);border:1px solid var(--line);border-radius:14px;padding:16px 20px;margin:18px 0;flex-wrap:wrap}
.lp-cta b{color:var(--ink);font-size:16px}
.lp-cta a{background:var(--gold);color:#111;font-weight:800;padding:10px 20px;border-radius:24px;text-decoration:none}

/* Galerie 3 images */
.lp-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}
.lp-gallery img{width:100%;height:160px;object-fit:cover;border-radius:12px;margin:0}
@media(max-width:600px){.lp-gallery{grid-template-columns:1fr}}

/* Bilan album / stats streaming */
.lp-albstat{background:var(--sur);border:1px solid var(--line);border-radius:22px;padding:26px;margin:22px 0;box-shadow:var(--cshadow)}
.as-kicker{text-align:center;font-size:12px;font-weight:800;letter-spacing:1.5px;color:var(--ink3);text-transform:uppercase}
.as-title{text-align:center;font-family:'DM Serif Display',serif;font-size:34px;color:var(--ink);margin:6px 0 4px}
.as-sub{text-align:center;color:var(--ink3);font-size:14px;margin-bottom:22px}
.as-counters{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:6px}
.as-counter{background:var(--sur2);border:1px solid var(--line);border-radius:16px;padding:20px;text-align:center}
.as-ic{width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;font-size:24px;color:#fff}
.as-ic.spt{background:#1DB954}.as-ic.ytm{background:#FF0000}.as-ic.aud{background:#0d0d0d}.as-ic.apl{background:linear-gradient(135deg,#fa57c1,#b15eff)}
.as-num{font-size:26px;font-weight:900;color:var(--ink)}
.as-num small{font-size:13px;font-weight:700;color:var(--ink3)}
.as-plat{font-size:11px;font-weight:800;color:var(--ink3);letter-spacing:1px;margin-top:4px}
.as-tops{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:18px}
.as-top{background:var(--sur);border:1px solid var(--line);border-radius:16px;padding:18px 20px}
.as-top h3{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:800;color:var(--ink);margin:0 0 12px}
.as-top .as-badge{width:24px;height:24px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:12px}
.as-trow{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--line)}
.as-trow:last-child{border-bottom:none}
.as-trow span:first-child{color:var(--ink2);font-size:15px}
.as-trow.lead span:first-child{font-weight:800;color:var(--ink)}
.as-tval{background:var(--sur2);border:1px solid var(--line);border-radius:8px;padding:5px 12px;font-weight:800;color:var(--ink);font-size:14px}
@media(max-width:680px){.as-counters,.as-tops{grid-template-columns:1fr}.as-title{font-size:26px}}

/* ===================== Campagnes / Notifications / Popups ===================== */
.lp-notif{font-size:13.5px;font-weight:600}
.lp-notif-in{max-width:1540px;margin:auto;padding:9px 24px;display:flex;align-items:center;justify-content:space-between;gap:14px}
.lp-notif-r{display:flex;align-items:center;gap:14px;flex-shrink:0}
.lp-notif-x{background:rgba(255,255,255,.2);border:none;color:inherit;width:24px;height:24px;border-radius:50%;cursor:pointer;font-size:12px;line-height:1}
.lp-notif-x:hover{background:rgba(255,255,255,.35)}
.lp-campaign img{box-shadow:var(--cshadow)}

.lp-popup{position:fixed;inset:0;background:rgba(0,8,28,.7);z-index:950;display:none;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(4px)}
.lp-popup.on{display:flex;animation:lpfade .25s ease}
@keyframes lpfade{from{opacity:0}to{opacity:1}}
.lp-popup-card{background:var(--sur);border-radius:20px;width:100%;overflow:hidden;position:relative;box-shadow:0 24px 70px rgba(0,0,0,.5);transform:translateY(0);animation:lprise .3s ease}
@keyframes lprise{from{transform:translateY(20px);opacity:.6}to{transform:translateY(0);opacity:1}}
.lp-popup-x{position:absolute;top:12px;right:12px;background:rgba(0,0,0,.4);border:none;color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:14px;z-index:2}
.lp-popup-body{padding:26px;text-align:center}
.lp-popup-body h3{font-family:'DM Serif Display',serif;font-size:24px;color:var(--ink);margin-bottom:10px;font-style:italic}
.lp-popup-content{color:var(--ink2);font-size:15px;line-height:1.65;margin-bottom:16px}
.lp-popup-btn{display:inline-block;background:var(--gold);color:#111;font-weight:800;padding:12px 28px;border-radius:26px;text-decoration:none}
.lp-popup-btn:hover{background:var(--blue);color:#fff}

/* Bannière cookies RGPD */
.lp-cookie{position:fixed;left:0;right:0;bottom:0;z-index:560;background:var(--sur);border-top:2px solid var(--gold);box-shadow:0 -8px 30px rgba(0,0,0,.12)}
.lp-cookie-in{max-width:1540px;margin:auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.lp-cookie-txt{font-size:13px;color:var(--ink2);flex:1;min-width:240px}
.lp-cookie-btns{display:flex;gap:10px}
.lp-ck-refuse{background:var(--sur2);border:1px solid var(--line);color:var(--ink2);border-radius:22px;padding:9px 18px;font-weight:700;cursor:pointer}
.lp-ck-accept{background:var(--gold);border:none;color:#111;border-radius:22px;padding:9px 22px;font-weight:800;cursor:pointer}

/* Sommaire article (TOC) */
.lp-toc{background:var(--sur2);border:1px solid var(--line);border-radius:14px;padding:14px 18px;margin:16px 0}
.lp-toc h4{font-size:13px;font-weight:800;color:var(--ink);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}
.lp-toc a{display:block;padding:5px 0;color:var(--ink2);font-size:14px;font-weight:600;border-left:2px solid transparent;padding-left:10px}
.lp-toc a:hover{color:var(--blue);border-left-color:var(--gold)}
.lp-toc a.sub{padding-left:24px;font-size:13px;font-weight:500}

/* Live blog */
.lp-live-feed{display:flex;flex-direction:column}
.lp-live-item{display:grid;grid-template-columns:54px 1fr;gap:14px;padding:14px 0;border-bottom:1px solid var(--line);position:relative}
.lp-live-item:last-child{border-bottom:none}
.lp-live-item.imp{background:linear-gradient(90deg,rgba(232,168,0,.08),transparent);border-radius:10px;padding-left:10px;padding-right:10px}
.lp-live-time{font-weight:900;color:var(--blue);font-size:14px;padding-top:2px}
.lp-live-item.imp .lp-live-time{color:var(--gold)}
.lp-live-body div:first-child{font-size:15px;color:var(--ink);line-height:1.6}
.lp-live-meta{font-size:11px;color:var(--ink3);margin-top:4px}

/* ===================== Mobile compact pass ===================== */
@media(max-width:760px){
  html,body{max-width:100%;overflow-x:hidden}
  body{background:var(--sur2)}
  #s2t{right:14px;bottom:16px;width:36px;height:36px;font-size:15px}
  .topbar{font-size:11px}
  .tbar{height:28px;padding:0 12px;gap:8px}
  .lpill{font-size:9px;padding:2px 7px}
  .titem{padding:0 16px}
  header{position:sticky;top:0;z-index:300}
  .nav{height:54px;padding:0 12px;gap:8px}
  .logo{font-size:20px;line-height:1}
  .logo sup{display:none}
  .hmenu{display:none}
  .nav-r{gap:5px}
  .ibtn{width:32px;height:32px;font-size:13px}
  .lbtn,.sbtn{display:none}
  .hbg{display:flex;width:32px;height:32px;align-items:center;justify-content:center;padding:6px}
  .hbg span{width:16px;height:2px;background:var(--ink2);border-radius:2px;display:block}
  .srch-ov{padding-top:72px}
  .srch-box,.srch-res{padding:0 12px}
  .srch-inp{padding:13px 44px 13px 14px;font-size:16px;border-radius:10px}
  .wrap{padding:0 10px}
  .hero{padding:10px 0 12px;background:#071b4f}
  .hgrid{grid-template-columns:1fr;gap:8px}
  .hmain{height:250px!important;border-radius:12px}
  .hside{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:none;gap:8px}
  .hcard{height:132px;border-radius:12px}
  .htxt{padding:14px}
  .hkick{gap:5px;margin-bottom:7px;flex-wrap:wrap}
  .kb,.kc{font-size:8.5px;padding:2px 6px}
  .htxt h1{font-size:22px;line-height:1.05;margin-bottom:7px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .hmeta{gap:6px;font-size:10.5px;flex-wrap:wrap}
  .hmeta .auth,.hmeta .dot:nth-of-type(1){display:none}
  .rt{font-size:9.5px;padding:1px 6px}
  .hctxt{padding:10px}
  .hctxt .cl{font-size:8.5px;margin-bottom:3px}
  .hctxt h3{font-size:13px;line-height:1.12;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .hctxt p{display:none}
  .mlayout{display:block;margin:10px auto;padding:0 10px}
  .sbar{display:none}
  .sec,.chsec,.indice-sec,.biowrap{border-radius:12px!important;padding:12px!important;margin-bottom:10px!important;box-shadow:none}
  .lp-article-layout{display:block!important;max-width:100%!important;margin:10px auto!important;padding:0 10px!important;overflow:hidden}
  .lp-art-main,.lp-art-main .acard{width:100%!important;max-width:100%!important;min-width:0!important}
  .lp-art-main .acard{border-radius:12px!important;box-shadow:none!important;margin:0!important}
  .ahero{height:220px!important;border-radius:12px 12px 0 0}
  .akicker{left:14px!important;right:14px!important;bottom:14px!important}
  .akicker h1{font-size:23px!important;line-height:1.08!important;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
  .abadge{font-size:9px!important;padding:3px 7px!important}
  .ax{top:10px!important;right:10px!important;width:30px!important;height:30px!important}
  .abody{padding:14px!important;min-width:0}
  .ameta{gap:6px!important;font-size:10.5px!important;line-height:1.4!important;flex-wrap:wrap}
  .abody blockquote{font-size:14px!important;line-height:1.55!important;margin:12px 0!important;padding-left:12px!important}
  .article-body{font-size:15px!important;line-height:1.72!important;min-width:0;overflow-wrap:anywhere}
  .article-body p{font-size:15px!important;line-height:1.72!important}
  .article-body h2{font-size:21px!important;line-height:1.18!important}
  .article-body h3{font-size:17px!important;line-height:1.2!important}
  .article-body img,.article-body video,.article-body iframe,.article-body embed{max-width:100%!important;height:auto!important}
  .article-body iframe{aspect-ratio:16/9}
  .article-body table{display:block;width:100%!important;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .article-body pre{white-space:pre-wrap;overflow-wrap:anywhere}
  .lp-toc{padding:12px!important;border-radius:11px!important;margin:12px 0!important}
  .lp-toc a{font-size:13px!important}
  .rel-grid{grid-template-columns:1fr!important}
  .rel-card{display:grid!important;grid-template-columns:92px minmax(0,1fr);overflow:hidden}
  .rel-img{height:82px!important}
  .rel-title{font-size:12.5px!important;line-height:1.2!important}
  .areact{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important}
  .areact .rbtn,.areact .bookmark-btn{width:100%;justify-content:center;font-size:11.5px;padding:8px 10px}
  .csec{margin-top:14px!important}
  .cform{gap:8px!important}
  .cform>div{display:block!important}
  .cform .cinp{width:100%!important;min-width:0!important;margin-bottom:8px}
  .csnd{width:100%;padding:11px!important}
  .sec-hd{padding-bottom:9px;margin-bottom:10px;gap:8px}
  .sec-tl{gap:7px;min-width:0}
  .sec-tl>div:last-child{min-width:0}
  .sico{width:26px;height:26px;border-radius:7px;font-size:13px}
  .sec-hd h2,.chhd h2,.biohd h2,.indice-hd h2{font-size:18px;line-height:1.05}
  .ssub{display:none}
  .scnt{font-size:9px;padding:2px 7px}
  .sall{font-size:11px}
  .g3,.gnews,.gmusic,.gml,.gsport,.gcult,.vgrid,.biogrid,.lp-g.grid,.lp-g.cols2,.lp-feat{display:flex!important;flex-direction:column!important;gap:8px!important}
  .gnews .card:first-child,.gsport .card:first-child,.gml .card:first-child{grid-row:auto;grid-column:auto}
  .card{border-radius:10px}
  .card:hover{transform:none}
  .card .ci{height:138px}
  .card .ct{padding:10px 11px}
  .card h4{font-size:14px;line-height:1.16;margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .exc{display:none}
  .met{font-size:9.5px;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .src{font-size:9px}
  .rdg{display:none}
  .chip{font-size:8px;padding:2px 6px;top:7px;left:7px}
  .card.sm,.gnews .card:not(:first-child),.gsport .card:not(:first-child){display:grid!important;grid-template-columns:92px minmax(0,1fr)!important;min-height:86px}
  .card.sm .ci,.gnews .card:not(:first-child) .ci,.gsport .card:not(:first-child) .ci{height:100%!important;min-height:86px}
  .card.sm .ct,.gnews .card:not(:first-child) .ct,.gsport .card:not(:first-child) .ct{padding:9px 10px}
  .card.sm h4,.gnews .card:not(:first-child) h4,.gsport .card:not(:first-child) h4{font-size:13px;-webkit-line-clamp:3}
  .gnews .card:first-child .ci,.gsport .card:first-child .ci,.gml .card:first-child .ci,.lp-g .card .ci,.lp-feat .card .ci,.lp-feat .lp-lead .ci{height:150px!important}
  .lp-list-cards{gap:7px}
  .lp-compact a{padding:8px 0}
  .lp-compact .ttl{font-size:13px}
  .lp-carousel{gap:10px;padding-bottom:6px}
  .lp-carousel>*{flex-basis:220px}
  .sport-feature-grid{grid-template-columns:1fr!important;gap:8px!important;margin-bottom:10px!important}
  .sport-feature-grid .mbox{width:100%!important;margin-bottom:0!important}
  .sport-feature-list{gap:8px!important;min-width:0}
  .sport-feature-list .card.sm{width:100%;grid-template-columns:92px minmax(0,1fr)!important}
  .sport-feature-list .card.sm h4{white-space:normal;overflow-wrap:anywhere}
  .chart-grid{width:100%;min-width:0;overflow:hidden}
  .chart-row{grid-template-columns:30px 48px minmax(0,1fr) auto!important;gap:8px!important;padding:10px 0!important;min-width:0;overflow:hidden}
  .chart-row:hover{margin:0!important;padding:10px 0!important;background:transparent!important;box-shadow:none!important}
  .chart-row:hover::before{display:none}
  .chart-cover{width:48px;height:48px;border-radius:10px;font-size:18px}
  .chart-info{min-width:0}
  .chart-title{font-size:13.5px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .chart-artist{font-size:10.5px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .chart-bars{display:none!important}
  .chart-badge{font-size:8.5px;padding:3px 6px;max-width:58px;overflow:hidden;text-overflow:ellipsis}
  .crow{grid-template-columns:28px 36px minmax(0,1fr) auto;gap:7px;padding:9px 0}
  .crow:hover{margin:0;padding:9px 0;background:transparent}
  .cpos{font-size:15px}
  .ccover{width:36px;height:36px;border-radius:7px;font-size:15px}
  .csong{font-size:12.5px}
  .cartist{font-size:10px}
  .cpct{display:none}
  .cbadge{font-size:8.5px;padding:2px 6px}
  .biohd,.indice-hd{margin-bottom:10px;padding-bottom:9px}
  .bcard{padding:11px;border-radius:11px}
  .bav{width:42px;height:42px;font-size:18px;margin-bottom:7px}
  .bname{font-size:13px}
  .bdesc,.btags{display:none}
  .fig-body{padding:10px}
  .fig-stats-row,.fig-tags,.fig-actions{display:none}
  .fig-name{font-size:14px;left:10px;bottom:8px}
  .fig-genre{display:none}
  .indice-card{min-width:96px;padding:11px 8px}
  .indice-av{width:40px;height:40px}
  .indice-name{font-size:11px}
  .lp-notif-in,.lp-cookie-in{padding:10px 12px;gap:9px}
  .lp-notif{font-size:12px}
  .lp-cookie-txt{font-size:12px;min-width:0}
  .lp-cookie-btns{width:100%}
  .lp-ck-refuse,.lp-ck-accept{flex:1;padding:8px 10px}
}

@media(max-width:420px){
  .wrap,.mlayout{padding-left:8px;padding-right:8px}
  .hmain{height:225px!important}
  .hside{grid-template-columns:1fr}
  .hcard{height:96px}
  .hctxt h3{font-size:13px;-webkit-line-clamp:2}
  .sec,.chsec,.indice-sec,.biowrap{padding:10px!important}
  .card .ci{height:128px}
  .gnews .card:first-child .ci,.gsport .card:first-child .ci,.gml .card:first-child .ci,.lp-g .card .ci,.lp-feat .card .ci,.lp-feat .lp-lead .ci{height:138px!important}
  .card.sm,.gnews .card:not(:first-child),.gsport .card:not(:first-child){grid-template-columns:82px minmax(0,1fr)!important;min-height:78px}
  .card.sm .ci,.gnews .card:not(:first-child) .ci,.gsport .card:not(:first-child) .ci{min-height:78px}
  .card h4{font-size:13.5px}
  .met{display:none}
}