/* KickoffIST — night navy, India saffron, pitch green. System fonts for speed. */
:root{--bg:#F3F5F9;--card:#fff;--ink:#0B1020;--ink2:#3B465C;--muted:#667085;--line:#E3E8F0;--navy:#0B1020;--navy2:#141B33;--saf:#FF9933;--saf2:#F07F0E;--grn:#12A150;--grn2:#0C7A3C;--live:#E5383B;
--sans:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--wrap:1200px;--sh:0 24px 50px -28px rgba(11,16,32,.45);--sh2:0 2px 10px -4px rgba(11,16,32,.12)}
*,*::before,*::after{box-sizing:border-box}[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:120px}
body{margin:0;font:400 17px/1.6 var(--sans);color:var(--ink);background:var(--bg)}
img{max-width:100%;display:block;height:auto}a{color:#0B5FD6;text-underline-offset:3px}
h1,h2,h3{font-weight:850;line-height:1.08;letter-spacing:-.025em;margin:0 0 .45em;text-wrap:balance}
h1{font-size:clamp(2.2rem,5vw,3.7rem)}h2{font-size:clamp(1.55rem,3vw,2.2rem)}h3{font-size:1.1rem;letter-spacing:-.01em}
h1 em,h2 em{font-style:normal;color:var(--saf)}p{margin:0 0 1em}
.wrap{max-width:var(--wrap);margin:0 auto;padding-inline:16px}@media(min-width:640px){.wrap{padding-inline:28px}}
.ic{flex:none}.small{font-size:14px;color:var(--muted)}.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;z-index:99;background:#fff;padding:8px}
:focus-visible{outline:3px solid var(--saf);outline-offset:2px;border-radius:6px}
.kick{display:flex;align-items:center;gap:8px;font:800 12px/1.2 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--saf2);margin:0 0 12px}
.dot{width:9px;height:9px;border-radius:50%;background:var(--live);box-shadow:0 0 0 0 rgba(229,56,59,.6);animation:pulse 1.8s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 9px rgba(229,56,59,0)}100%{box-shadow:0 0 0 0 rgba(229,56,59,0)}}
@media(prefers-reduced-motion:reduce){.dot{animation:none}}
.lv{color:var(--live);font-weight:850}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:12px 20px;border-radius:14px;font:750 16px/1.2 var(--sans);text-decoration:none;border:2px solid transparent;cursor:pointer;transition:background .15s,transform .1s;background:var(--card);color:var(--ink)}
.btn:active{transform:translateY(1px)}.btn.primary{background:var(--saf);color:var(--navy);box-shadow:0 14px 28px -14px rgba(255,153,51,.95)}.btn.primary:hover{background:#FFAA55}
.btn.ghost{background:#fff;border-color:var(--line)}.btn.ghost:hover{border-color:var(--ink)}
.btn.ghost.light{background:transparent;color:#fff;border-color:rgba(255,255,255,.45)}.btn.ghost.light:hover{border-color:#fff}
.btn.sm{min-height:40px;padding:8px 12px;font-size:14px;border-radius:11px;gap:6px}.btn.cal{background:var(--navy);color:#fff}.btn.wa{color:#0E7C3A}
.btns{display:flex;flex-wrap:wrap;gap:12px}
/* header */
.hdr{position:sticky;top:0;z-index:50;background:var(--navy);color:#fff}
.hdr-in{display:flex;align-items:center;gap:16px;min-height:66px}
.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;flex:none}
.wm{display:flex;flex-direction:column;line-height:1}.wm b{font:900 21px/1 var(--sans);letter-spacing:.02em}.wm b em{font-style:normal;color:var(--saf)}
.wm small{font:700 10.5px/1.4 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:#9AA6C3;margin-top:3px}
.nav{display:none;gap:4px;margin-left:auto}.nav a{color:#D5DCEC;text-decoration:none;font-weight:700;font-size:15px;padding:9px 12px;border-radius:10px}
.nav a:hover,.nav a[aria-current=page]{background:rgba(255,255,255,.08);color:#fff}
.clock{display:flex;align-items:center;gap:6px;margin-left:auto;padding:7px 12px;border-radius:999px;background:rgba(255,153,51,.14);color:var(--saf);font:800 14px/1 var(--sans);white-space:nowrap}
.menu{background:none;border:0;color:#fff;padding:6px;cursor:pointer}
.mnav{display:grid;padding:4px 16px 14px;border-top:1px solid rgba(255,255,255,.08)}.mnav a{color:#fff;text-decoration:none;font-weight:700;padding:11px 4px;border-bottom:1px solid rgba(255,255,255,.06)}
@media(min-width:1000px){.nav{display:flex}.clock{margin-left:8px}.menu,.mnav{display:none!important}}
@media(max-width:420px){.wm small{display:none}.clock{font-size:13px;padding:6px 10px}}
.ticker{background:#060A16;border-top:1px solid rgba(255,255,255,.06);font-size:14px}
.tk-in{display:flex;align-items:center;gap:12px;min-height:38px;overflow:hidden}
.tk-lbl{display:inline-flex;align-items:center;gap:5px;color:var(--live);font-weight:850;text-transform:uppercase;font-size:12px;letter-spacing:.1em;flex:none}
.tk-items{display:flex;gap:22px;overflow-x:auto;white-space:nowrap;scrollbar-width:none;color:#C9D2E6}.tk-items::-webkit-scrollbar{display:none}
.tk b{color:#fff}.tk.muted{color:#8C97B2}.tk a{color:var(--saf)}
/* home hero */
.hhero{background:radial-gradient(1100px 560px at 85% 10%,#1C2A5A 0%,var(--navy) 60%);color:#fff}
.hh-in{display:grid;gap:32px;padding-block:40px 52px}
@media(min-width:1000px){.hh-in{grid-template-columns:1.15fr .85fr;gap:56px;align-items:center;padding-block:64px 76px}}
.hhero h1{color:#fff}.lead{font-size:1.15rem;color:#C9D2E6;max-width:52ch}
.nowbox{display:inline-block;margin:6px 0 22px;padding:14px 20px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}
.nb-k{display:flex;gap:6px;align-items:center;margin:0 0 4px;font:800 12px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--saf)}
.nb-t{margin:0;font:900 clamp(2.4rem,6vw,3.4rem)/1 var(--sans);letter-spacing:-.03em}.nb-d{margin:6px 0 0;color:#9AA6C3;font-size:14px}
.hh-photo figure,.sh-photo figure{position:relative;margin:0;border-radius:26px;overflow:hidden;aspect-ratio:7/8;box-shadow:0 44px 90px -40px rgba(0,0,0,.9);outline:6px solid rgba(255,255,255,.06);background:#141B33}
.hh-photo img,.sh-photo img{width:100%;height:100%;object-fit:cover}
.hh-photo figcaption{position:absolute;left:14px;right:14px;bottom:14px;background:#fff;color:var(--ink);border-radius:18px;padding:14px 16px;box-shadow:0 20px 40px -20px rgba(0,0,0,.7)}
.fc-k{display:flex;gap:6px;align-items:center;margin:0 0 4px;font:800 11.5px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--saf2)}
.fc-t{margin:0;font:850 1.15rem/1.2 var(--sans)}.fc-w{margin:2px 0 0;color:var(--ink2);font-size:15px}.fc-cd{margin:6px 0 0;font-weight:800;color:var(--grn2);font-size:14px}
@media(max-width:999px){.hh-photo figure,.sh-photo figure{aspect-ratio:16/11}}
/* page hero */
.phero{position:relative;background:var(--navy);color:#fff;overflow:hidden}
.ph-bg{position:absolute;inset:0}.ph-bg img{width:100%;height:100%;object-fit:cover}
.ph-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(11,16,32,.94) 0%,rgba(11,16,32,.8) 50%,rgba(11,16,32,.45) 100%)}
.ph-in{position:relative;z-index:1;padding-block:40px 48px}@media(min-width:900px){.ph-in{padding-block:64px 72px}}
.phero h1{color:#fff}
.crumbs ol{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0 0 14px;padding:0;font-size:14px;color:#9AA6C3}.crumbs li+li::before{content:"›";margin-right:6px}
.crumbs a{color:#C9D2E6}
.lhero{background:var(--navy);color:#fff;padding:40px 0}.lhero h1{color:#fff;font-size:clamp(1.8rem,4vw,2.6rem)}.lhero a{color:var(--saf)}
/* series hero */
.shero{background:radial-gradient(1000px 520px at 85% 0%,#123A2A 0%,var(--navy) 62%);color:#fff}
.sh-in{display:grid;gap:30px;padding-block:36px 48px}@media(min-width:1000px){.sh-in{grid-template-columns:1.2fr .8fr;gap:52px;align-items:center;padding-block:56px 68px}}
.shero h1{color:#fff;font-size:clamp(2rem,4.4vw,3.2rem)}
.next{margin:4px 0 22px;padding:14px 18px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);max-width:520px}
.nx-k{display:flex;gap:6px;align-items:center;margin:0 0 4px;font:800 12px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--saf)}
.nx-t{margin:0;font-size:17px}.nx-cd{margin:4px 0 0;font-weight:850;color:#5BE59A}
.sh-photo figcaption{position:absolute;left:14px;right:14px;bottom:14px;display:flex;flex-direction:column;background:#fff;color:var(--ink);border-radius:16px;padding:12px 16px}
.sh-photo .flags{font-size:22px}.sh-photo figcaption span:last-child{font-size:13px;color:var(--muted)}
/* sections */
.sec{padding:52px 0}@media(min-width:900px){.sec{padding:72px 0}}.soft{background:#fff}
.sec-h{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 24px;margin-bottom:24px}.sec-h p{color:var(--muted);margin:0}
.more{display:inline-flex;align-items:center;gap:6px;font-weight:800;text-decoration:none;color:var(--grn2)}
/* today buckets */
.today{display:grid;gap:14px}@media(min-width:900px){.today{grid-template-columns:1fr 1fr}}
.bk{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px 18px;box-shadow:var(--sh2)}.bk h3{display:flex;gap:8px;align-items:center;margin-bottom:10px}
.bk[data-bk=live]{border-color:#F5B5B6;background:#FFF7F7}.bk[data-bk=live] h3{color:var(--live)}
.bk ul{list-style:none;margin:0;padding:0}.bk li a{display:grid;grid-template-columns:96px 1fr;gap:2px 12px;padding:10px 0;border-top:1px solid var(--line);color:var(--ink);text-decoration:none}
.bk li:first-child a{border-top:0}.tb-t b{font-size:16px}.tb-m{font-weight:700}.tb-c{grid-column:2;font-size:13px;color:var(--muted)}
/* series cards / leagues / tools */
.scards{display:grid;gap:16px}.scard{display:grid;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;text-decoration:none;color:var(--ink);box-shadow:var(--sh2)}
@media(min-width:760px){.scard{grid-template-columns:.9fr 1.1fr}}.sc-img img{width:100%;height:100%;object-fit:cover;aspect-ratio:3/2}.sc-b{padding:20px 22px}.sc-b p{color:var(--ink2)}
.lgrid{display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}@media(min-width:900px){.lgrid{grid-template-columns:repeat(3,1fr);gap:16px}}
.lg{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;text-decoration:none;color:var(--ink);box-shadow:var(--sh2);transition:transform .15s}.lg:hover{transform:translateY(-2px)}
.lg-img img{width:100%;aspect-ratio:3/2;object-fit:cover}.lg-b{padding:12px 14px}.lg-b h3{margin:0 0 2px}.lg-b p{margin:0;font-size:13.5px;color:var(--muted)}
.soft .lg,.soft .scard{background:var(--bg)}
.tools{display:grid;gap:14px}@media(min-width:900px){.tools{grid-template-columns:repeat(3,1fr)}}
.tool{display:block;padding:20px;border-radius:18px;background:var(--navy);color:#fff;text-decoration:none}.tool p{color:#C9D2E6;margin:0;font-size:15px}
.t-ic{display:inline-flex;width:48px;height:48px;border-radius:14px;align-items:center;justify-content:center;background:rgba(255,153,51,.15);color:var(--saf);margin-bottom:12px}
/* match cards */
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.tab{font:800 14px/1 var(--sans);padding:10px 16px;border-radius:999px;border:2px solid var(--line);background:#fff;cursor:pointer}
.tab.on{background:var(--navy);color:#fff;border-color:var(--navy)}
.mgrid{display:grid;gap:14px}@media(min-width:760px){.mgrid{grid-template-columns:1fr 1fr}}@media(min-width:1100px){.mgrid{grid-template-columns:repeat(3,1fr)}}
.mcard{background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px 18px;box-shadow:var(--sh2);display:flex;flex-direction:column}
.mcard.done{opacity:.6}.mcard.now{border-color:var(--live);box-shadow:0 0 0 3px rgba(229,56,59,.15)}
.mc-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}.fmt{font:850 11.5px/1 var(--sans);padding:5px 8px;border-radius:7px;color:#fff;letter-spacing:.05em}
.f-t20i{background:#7C3AED}.f-odi{background:#0B5FD6}.f-test{background:#B91C1C}.mc-lbl{font-weight:800}
.slot{margin-left:auto;display:inline-flex;align-items:center;gap:4px;font:750 12px/1 var(--sans);padding:5px 8px;border-radius:999px;background:var(--bg);color:var(--ink2)}
.slot.s-e,.slot.s-n{background:#1B2347;color:#FFD9A8}
.mc-teams{display:flex;align-items:center;gap:10px;font-weight:800;font-size:17px}.mc-teams i{font-style:normal;margin-right:5px}.vs{color:var(--muted);font-weight:700;font-size:13px}
.mc-time{display:flex;align-items:baseline;gap:8px;margin:10px 0 2px}.mc-time b{font:900 2rem/1 var(--sans);letter-spacing:-.03em}.mc-time span{font-weight:850;color:var(--saf2)}
.mc-time em{font-style:normal;color:var(--ink2);margin-left:auto;font-weight:700}
.mc-sub{display:flex;gap:5px;align-items:center;margin:4px 0 6px;font-size:13.5px;color:var(--muted)}
.mc-live{margin:6px 0;padding:10px 12px;border-radius:12px;background:#FFF5F5;font-weight:700;font-size:15px}.mc-live small{display:block;font-weight:600;color:var(--ink2);font-size:13px;margin-top:2px}
.mc-cd{margin:0 0 12px;font-weight:800;color:var(--grn2);font-size:14px}.mc-act{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}
.tips{display:grid;gap:14px}@media(min-width:900px){.tips{grid-template-columns:repeat(3,1fr)}}.tips>div{background:var(--bg);border-radius:18px;padding:18px}.tips h3{display:flex;gap:8px;align-items:center}.tips p{margin:0;color:var(--ink2)}
.tbl{overflow-x:auto;border:1px solid var(--line);border-radius:16px;background:#fff}table{width:100%;border-collapse:collapse;font-size:15px}th,td{padding:11px 14px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}th{background:var(--bg);font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
/* football */
.fday{margin-bottom:18px}.fday h3{position:sticky;top:104px;background:var(--bg);padding:8px 0;margin:0;z-index:2}.soft .fday h3{background:#fff}
.fday.is-today h3{color:var(--saf2)}.fday ul{list-style:none;margin:0;padding:0;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.soft .fday ul{background:var(--bg)}
.fr{display:grid;grid-template-columns:86px 1fr auto;gap:2px 10px;align-items:center;padding:12px 14px;border-top:1px solid var(--line)}.fr:first-child{border-top:0}.fr.on{background:#FFF7F7}
.fr-t b{font-size:15.5px}.fr-t i{font-style:normal;margin-left:4px}.fr-m{display:flex;align-items:center;gap:8px;font-weight:750;min-width:0}
.fr-h,.fr-a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fs{background:var(--navy);color:#fff;padding:3px 8px;border-radius:7px;font-size:14px}.fs.live{background:var(--live)}
.fr-c{grid-column:2;font-size:12.5px;color:var(--muted);text-transform:capitalize}.fr-cal{grid-row:1/3;grid-column:3;text-decoration:none;font-size:14px;padding:6px 8px;border-radius:9px;background:var(--bg);white-space:nowrap}
/* cricket live list */
.clist{display:grid;gap:12px}@media(min-width:900px){.clist{grid-template-columns:1fr 1fr}}
.cl{background:var(--bg);border-radius:16px;padding:14px 16px;border:1px solid var(--line)}.cl.on{border-color:var(--live);background:#FFF7F7}
.cl-k{margin:0 0 4px;font-size:13px;color:var(--muted);font-weight:700}.cl h3{font-size:1rem;margin-bottom:6px}.cl-s{margin:0;font-weight:800}.cl-st{margin:4px 0 0;font-size:13.5px;color:var(--ink2)}
/* alarms */
.alarms{display:grid;gap:22px}@media(min-width:900px){.alarms{grid-template-columns:1fr 1.1fr}}
.al-chips{display:flex;flex-wrap:wrap;gap:8px;max-height:420px;overflow:auto;padding:2px}
.chip{font:700 14px/1 var(--sans);padding:10px 13px;border-radius:999px;border:2px solid var(--line);background:#fff;cursor:pointer}.chip.on{background:var(--navy);color:#fff;border-color:var(--navy)}
.allist{list-style:none;margin:0 0 16px;padding:0;background:#fff;border:1px solid var(--line);border-radius:16px}
.allist li{display:grid;grid-template-columns:150px 1fr;gap:2px 12px;padding:11px 14px;border-top:1px solid var(--line)}.allist li:first-child{border-top:0}.allist em{grid-column:2;font-style:normal;font-size:13px;color:var(--muted)}
@media(max-width:560px){.allist li{grid-template-columns:1fr}.allist em{grid-column:1}}
/* converter */
.conv{background:#fff;border:1px solid var(--line);border-radius:22px;padding:20px;box-shadow:var(--sh2);max-width:820px}
.cv-row{display:grid;gap:12px}@media(min-width:700px){.cv-row{grid-template-columns:1fr 1fr 1.4fr}}
.cv-row label{display:grid;gap:6px;font:800 13px/1 var(--sans);text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.cv-row input,.cv-row select{font:700 18px/1.2 var(--sans);padding:12px;border-radius:12px;border:2px solid var(--line);background:var(--bg);color:var(--ink);text-transform:none;letter-spacing:0}
.cv-out{margin-top:18px;padding:18px;border-radius:16px;background:var(--navy);color:#fff}.cv-k{margin:0;color:#9AA6C3}.cv-t{margin:4px 0;font:900 2.6rem/1 var(--sans)}.cv-t span{font-size:1rem;color:var(--saf)}.cv-d{margin:0;color:#C9D2E6}
/* docs + footer */
.doc{max-width:760px}.doc h2{font-size:1.35rem;margin-top:1.4em}
.ftr{background:var(--navy);color:#C9D2E6;padding:48px 0 28px;font-size:15px}.f-grid{display:grid;gap:26px}@media(min-width:900px){.f-grid{grid-template-columns:1.4fr 1fr 1fr 1fr}}
.ftr h2{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#fff;margin-bottom:10px}.ftr a{display:block;color:#C9D2E6;text-decoration:none;padding:3px 0}.ftr .brand{display:flex;margin-bottom:10px}
.disc{font-size:12.5px;color:#8C97B2;margin:28px 0 18px;max-width:100ch}.f-legal{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;border-top:1px solid rgba(255,255,255,.08);padding-top:16px;font-size:13px}
.f-legal nav{display:flex;gap:16px}.f-legal p{margin:0}
.tk-items{flex:1;min-width:0}
@media(max-width:560px){.hdr-in{gap:8px}.brand{gap:8px;min-width:0}.brand .logo{width:32px;height:32px}.wm b{font-size:18px}.clock{gap:4px;padding:6px 9px;font-size:12.5px}.clock .ic{display:none}.menu{padding:4px;margin-right:-4px}}
.mc-time{flex-wrap:wrap}.mc-time b{white-space:nowrap}