:root{
  --bg:#0a0e14; --fg:#f2f5f9; --sub:#aab3be;
  --card:#141922; --line:#1c2330; --chip:#ff2b53;
  --accent:#e60023; --accent-2:#ff4d4d;
  --radius:16px; --container:1220px; --mobile-nav:78px;
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--fg);font-family:"Hind Siliguri",system-ui,Segoe UI,Roboto,Ubuntu,Helvetica,Arial,sans-serif}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.site-header{position:sticky;top:0;z-index:90;background:#0c1018;border-bottom:1px solid var(--line);padding:10px 14px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:12px}
.logo{display:flex;align-items:center;gap:10px;font-weight:800}
.logo .mark{width:30px;height:30px;border-radius:50%;background:var(--accent);display:inline-grid;place-items:center;box-shadow:0 0 0 4px rgba(230,0,35,.12)}
.logo .mark:after{content:'';border-style:solid;border-width:7px 0 7px 10px;border-color:transparent transparent transparent #fff;margin-left:3px}
.icon-btn{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#151b26;border:1px solid #1f2633;cursor:pointer}
.topnav{display:flex;gap:10px;flex-wrap:wrap}
.topnav a{font-size:13px;color:#d3dae6;background:#121722;border:1px solid #1f2633;border-radius:10px;padding:6px 10px}
@media(max-width:900px){.topnav{display:none}.topnav.open{display:flex;position:absolute;left:10px;right:10px;top:58px;background:#0c1018;padding:10px;border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:8px}}
.container{max-width:var(--container);margin:0 auto}
main{padding:12px}
.full-bleed{width:100vw;margin-left:calc(50% - 50vw)}
.hero{position:relative;margin-bottom:14px}
.hero-track{display:grid;grid-auto-flow:column;grid-auto-columns:100%;overflow-x:auto;scroll-snap-type:x mandatory;background:#000}
.hero-track::-webkit-scrollbar{display:none}
.hero-slide{position:relative;scroll-snap-align:center}
.hero-slide .img{width:100%;display:block;object-fit:cover;aspect-ratio:16/5}
@media(max-width:900px){.hero-slide .img{aspect-ratio:16/7}}
.hero-dots{position:absolute;left:16px;bottom:12px;display:flex;gap:8px}
.hero-dots .seg{width:36px;height:6px;border-radius:4px;background:rgba(255,255,255,.25)}
.hero-dots .seg.active{background:var(--accent)}
.rail{margin:22px 0}
.rail .rail-head{display:flex;align-items:center;justify-content:space-between;margin:10px 2px}
.rail-title{font-size:22px;font-weight:800;letter-spacing:.3px}
.see-all{font-size:12px;font-weight:800;color:#ff6a6a}
.see-all::after{content:' ›'}
.rail-strip{display:grid;grid-auto-flow:column;grid-auto-columns:240px;gap:16px;overflow-x:auto;padding:6px 0 10px;scroll-snap-type:x mandatory}
@media(min-width:1280px){.rail-strip{grid-auto-columns:260px}}
@media(max-width:800px){.rail-strip{grid-auto-columns:70vw}}
.rail-strip::-webkit-scrollbar{height:8px}
.rail-strip::-webkit-scrollbar-thumb{background:#1f2633;border-radius:10px}
.card{scroll-snap-align:start}
.card .thumb{position:relative;width:100%;aspect-ratio:2/3;border-radius:var(--radius);background:#0b0f17;background-size:cover;background-position:center top;box-shadow:0 10px 28px rgba(0,0,0,.28), inset 0 0 0 1px #20283a;transition:transform .2s ease}
.card:hover .thumb{transform:scale(1.03)}
.card .thumb:after{content:'';position:absolute;inset:auto 0 0 0;height:28%;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.35));border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}
.card-title{font-size:14px;margin:6px 2px;color:#d5d7db;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.badge{position:absolute;right:8px;top:8px;background:rgba(0,0,0,.86);padding:4px 8px;border-radius:10px;font-weight:900;font-size:12px;border:1px solid rgba(255,255,255,.08)}
.badge.live{border-color:#f33;color:#fff}
.ep{position:absolute;left:12px;bottom:12px;background:rgba(255,255,255,.98);color:#111;padding:6px 12px;border-radius:12px;font-weight:900;font-size:26px}
.banners{display:grid;gap:12px;margin:14px 0}
.banner img{width:100%;border-radius:14px}
.site-footer{margin:80px 0 var(--mobile-nav);border-top:1px solid var(--line);padding:18px 12px;color:#9ba3af}
.site-footer nav{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:8px}
.site-footer a{background:#121722;border:1px solid #1f2633;padding:6px 10px;border-radius:10px}
.mobile-nav{position:fixed;bottom:0;left:0;right:0;height:var(--mobile-nav);background:#0b0f17;border-top:1px solid var(--line);display:none;z-index:95}
.mobile-nav .inner{max-width:var(--container);margin:0 auto;height:100%;display:grid;grid-template-columns:repeat(4,1fr)}
.mobile-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:12px;color:#d5d7db}
.mobile-nav a .ico{width:28px;height:28px;display:grid;place-items:center;margin-bottom:4px;font-size:22px}
.mobile-nav a.active{color:#ff6b6b}
@media(max-width:900px){.mobile-nav{display:block} body{padding-bottom:calc(var(--mobile-nav) + 8px)}}
.auth-wrap{max-width:460px;margin:24px auto;background:#121722;border:1px solid #1f2633;border-radius:14px;padding:18px}
.auth-wrap h1{margin:0 0 8px}
.auth-wrap label{display:block;margin:10px 0 4px;color:#d0d7e2}
.auth-wrap input{width:100%;padding:11px 12px;border-radius:10px;border:1px solid #2a3140;background:#0f131a;color:#fff}
.auth-wrap button{width:100%;margin-top:12px;padding:10px 14px;border-radius:10px;border:0;background:var(--accent);color:#fff;font-weight:800;cursor:pointer}
.auth-wrap .alt{text-align:center;margin-top:10px}
.hide{display:none}