*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --saffron:#FF9933;
  --green:#138808;
  --navy:#000080;
  --gold:#C8A84B;
  --dark:#0c0d10;
  --darker:#08090b;
  --surface:#13141a;
  --surface2:#1a1c24;
  --border:rgba(255,255,255,0.08);
  --text:#f3efe6;
  --muted:rgba(243,239,230,0.55);
  --accent:#ff9933;
  --cat-business:#e9c46a;
  --cat-tech:#4cc9f0;
  --cat-world:#7b2d8b;
  --cat-sport:#2ec27e;
}
html{scroll-behavior:smooth}
body{background:var(--dark);color:var(--text);font-family:'Source Serif 4',Georgia,serif;min-height:100vh;-webkit-font-smoothing:antialiased}

::-webkit-scrollbar{width:4px}
::-webkit-scrollbar-track{background:var(--darker)}
::-webkit-scrollbar-thumb{background:var(--saffron);border-radius:2px}

/* ── TOPBAR ── */
.topbar{background:var(--darker);border-bottom:1px solid var(--border);padding:6px 24px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted);letter-spacing:0.04em;gap:24px}
.topbar-ticker{flex:1;overflow:hidden;min-width:0}
.topbar-ticker .ticker-track{display:inline-flex;gap:32px;animation:ticker 180s linear infinite;white-space:nowrap}
.topbar-ticker .ticker-track span{white-space:nowrap}
.topbar-ticker .ticker-track span::before{content:'● ';color:var(--saffron);font-size:8px;vertical-align:middle}
.topbar-right{display:flex;gap:14px;align-items:center;flex-shrink:0}

.lang-toggle{display:flex;border:1px solid var(--border);border-radius:999px;overflow:hidden}
.lang-btn{border:none;background:transparent;padding:3px 11px;font-size:11px;font-weight:600;cursor:pointer;color:var(--muted);letter-spacing:0.05em}
.lang-btn.active{background:var(--saffron);color:#000}

/* ── NAVBAR ── */
nav{background:var(--darker);border-bottom:2px solid var(--saffron);position:sticky;top:0;z-index:100}
.nav-inner{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:72px;gap:24px}

.logo-wrap{display:flex;align-items:center;gap:16px;text-decoration:none}
.logo-globe{width:52px;height:52px;position:relative;flex-shrink:0;perspective:200px}
.logo-globe svg{width:100%;height:100%;overflow:visible}
.logo-name{font-family:'DM Serif Display',serif;font-size:26px;color:var(--text);line-height:1;letter-spacing:0.02em}
.logo-name em{font-style:italic;color:var(--saffron)}
.logo-devanagari{font-family:'Tiro Devanagari Hindi','Noto Serif Devanagari',serif;font-size:13px;color:var(--muted);letter-spacing:0.02em;margin-top:2px}
.logo-tagline{font-size:10px;color:var(--muted);letter-spacing:0.3em;text-transform:uppercase;margin-top:3px;font-style:italic}

.nav-links{display:flex;gap:4px;align-items:center;overflow-x:auto}
.nav-links button.cat-btn{background:transparent;border:none;color:var(--muted);font-size:13px;letter-spacing:0.08em;text-transform:uppercase;padding:8px 14px;border-radius:4px;transition:all 0.2s;font-family:'Source Serif 4',serif;cursor:pointer;white-space:nowrap}
.nav-links button.cat-btn:hover{color:var(--text);background:rgba(255,255,255,0.06)}
.nav-links button.cat-btn.active{color:var(--saffron)}
.nav-soon{background:var(--saffron);color:#000;font-weight:700;font-size:11px;letter-spacing:0.15em;text-transform:uppercase;padding:6px 14px;white-space:nowrap;border-radius:3px;cursor:default;border:none;font-family:'Source Serif 4',serif}

/* ── BREAKING TICKER ── */
.breaking{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:12px 0;overflow:hidden;white-space:nowrap}
.breaking-inner{display:flex;align-items:center;gap:0}
.breaking-label{background:var(--saffron);color:#000;font-weight:700;font-size:12px;letter-spacing:0.15em;text-transform:uppercase;padding:6px 16px;white-space:nowrap;flex-shrink:0;margin-right:24px;border-radius:3px}
.breaking .ticker-track{display:inline-flex;animation:ticker 160s linear infinite;gap:48px}
.breaking .ticker-track span{font-size:13px;color:var(--muted);white-space:nowrap}
.breaking .ticker-track span::before{content:'◆ ';color:var(--saffron);font-size:8px;vertical-align:middle}
@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ── TRICOLOR LINE ── */
.tricolor{height:3px;display:flex}
.tricolor div{flex:1}
.tricolor .s{background:var(--saffron)}
.tricolor .w{background:#fff}
.tricolor .g{background:var(--green)}

/* ── HERO ── */
.hero{max-width:1280px;margin:0 auto;padding:32px 24px 24px;display:grid;grid-template-columns:2fr 1fr;gap:24px}
.hero-main{position:relative;border-radius:8px;overflow:hidden;cursor:pointer;text-decoration:none;display:block;align-self:start}
.hero-main img{width:100%;height:460px;object-fit:cover;display:block;filter:brightness(0.75);background:#1a1c24}
.hero-main-overlay{position:absolute;inset:0;background:linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.3) 50%, transparent 100%)}
.hero-main-content{position:absolute;bottom:0;left:0;right:0;padding:28px}
.hero-main-cat{display:inline-block;background:var(--saffron);color:#000;font-size:11px;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;padding:4px 10px;border-radius:3px;margin-bottom:12px}
.hero-main-title{font-family:'DM Serif Display',serif;font-size:30px;line-height:1.25;color:#fff;margin-bottom:10px}
.hero-main-meta{font-size:12px;color:rgba(255,255,255,0.6);letter-spacing:0.06em}
.hero-main-meta span{margin-right:16px}

.hero-sidebar{display:flex;flex-direction:column;gap:16px}
.hero-side-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;overflow:hidden;cursor:pointer;transition:border-color 0.2s;text-decoration:none;display:block;color:inherit}
.hero-side-card:hover{border-color:rgba(255,153,51,0.4)}
.hero-side-img{width:100%;height:130px;object-fit:cover;display:block;filter:brightness(0.8);background:#1a1c24}
.hero-side-body{padding:12px}
.hero-side-cat{font-size:10px;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:var(--saffron);margin-bottom:6px}
.hero-side-title{font-family:'DM Serif Display',serif;font-size:16px;line-height:1.3;color:var(--text)}
.hero-side-meta{font-size:11px;color:var(--muted);margin-top:6px}

/* category colors */
.cat-business{color:var(--cat-business) !important}
.cat-technology{color:var(--cat-tech) !important}
.cat-world{color:var(--cat-world) !important}
.cat-sport{color:var(--cat-sport) !important}
.bg-business{background:var(--cat-business) !important}
.bg-technology{background:var(--cat-tech) !important}
.bg-world{background:var(--cat-world) !important}
.bg-sport{background:var(--cat-sport) !important}

/* ── SECTION WRAPPER ── */
.section{max-width:1280px;margin:0 auto;padding:32px 24px}
.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;border-bottom:1px solid var(--border);padding-bottom:12px}
.section-title{font-family:'DM Serif Display',serif;font-size:22px;color:var(--text);display:flex;align-items:center;gap:10px}
.section-title::before{content:'';display:inline-block;width:4px;height:22px;background:var(--saffron);border-radius:2px;flex-shrink:0}

/* ── NEWS GRID ── */
.news-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.news-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;overflow:hidden;cursor:pointer;transition:all 0.2s;text-decoration:none;display:block;color:inherit}
.news-card:hover{border-color:rgba(255,153,51,0.35);transform:translateY(-2px)}
.news-card-img{width:100%;height:170px;object-fit:cover;display:block;filter:brightness(0.85);background:#1a1c24}
.news-card-body{padding:16px}
.news-card-cat{font-size:10px;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:var(--saffron);margin-bottom:8px}
.news-card-title{font-family:'DM Serif Display',serif;font-size:17px;line-height:1.35;color:var(--text);margin-bottom:10px}
.news-card-excerpt{font-size:13px;color:var(--muted);line-height:1.6;margin-bottom:12px}
.news-card-meta{font-size:11px;color:rgba(243,239,230,0.4);display:flex;justify-content:space-between;border-top:1px solid var(--border);padding-top:10px}

.empty-state{text-align:center;color:var(--muted);padding:40px 0}

/* ── AD SLOT ── */
.ad-slot{background:var(--surface2);border:1px dashed rgba(255,255,255,0.12);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:rgba(255,255,255,0.2);font-size:12px;letter-spacing:0.1em;text-transform:uppercase;font-style:italic}
.ad-slot-label{font-size:10px;letter-spacing:0.2em;border:1px solid rgba(255,255,255,0.1);padding:3px 10px;border-radius:20px}
.ad-rect{height:280px}
.ad-half{height:120px;margin:0 auto}

/* ── TWO COL LAYOUT ── */
.two-col{display:grid;grid-template-columns:2fr 1fr;gap:32px}

/* ── SIDEBAR WIDGETS ── */
.widget{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:20px;margin-bottom:20px}
.widget-title{font-family:'DM Serif Display',serif;font-size:16px;color:var(--text);margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px}
.widget-title::before{content:'';width:3px;height:16px;background:var(--saffron);border-radius:2px}

.trending-item{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--border);cursor:pointer;text-decoration:none;color:inherit}
.trending-item:last-child{border-bottom:none;padding-bottom:0}
.trending-num{font-family:'DM Serif Display',serif;font-size:28px;color:rgba(255,153,51,0.2);line-height:1;flex-shrink:0;width:28px}
.trending-text{font-size:13px;line-height:1.4;color:var(--text)}
.trending-item:hover .trending-text{color:var(--saffron)}
.trending-cat{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:0.1em;margin-top:4px}

/* ── CATEGORY FULL-PAGE ── */
#catPage{min-height:70vh}
.cat-page-header{background:var(--surface);border-bottom:2px solid var(--saffron);padding:20px 24px;display:flex;align-items:center;justify-content:space-between;max-width:100%}
.cat-page-title{font-family:'DM Serif Display',serif;font-size:32px;color:var(--text);letter-spacing:0.02em;position:relative;padding-left:16px}
.cat-page-title::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:5px;height:32px;background:var(--saffron);border-radius:3px}
.cat-page-back{background:transparent;border:1px solid var(--border);color:var(--muted);font-size:13px;padding:6px 16px;border-radius:999px;cursor:pointer;font-family:'Source Serif 4',serif;transition:all 0.2s}
.cat-page-back:hover{border-color:var(--saffron);color:var(--saffron)}
.cat-page-grid{max-width:1280px;margin:0 auto;padding:32px 24px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}

@media(max-width:1024px){.cat-page-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.cat-page-grid{grid-template-columns:1fr}}

/* ── FOOTER ── */
footer{background:var(--darker);border-top:1px solid var(--border);margin-top:48px}
.footer-top{max-width:1280px;margin:0 auto;padding:40px 24px 32px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}
.footer-desc{font-size:13px;color:var(--muted);line-height:1.7;margin-top:12px;max-width:420px}
.footer-col-title{font-family:'DM Serif Display',serif;font-size:15px;margin-bottom:14px;color:var(--text)}
.footer-links{list-style:none;display:flex;flex-direction:column;gap:8px;font-size:13px;color:var(--muted)}
.footer-cat-link{background:none;border:none;padding:0;color:var(--muted);font-size:13px;cursor:pointer;text-align:left;font-family:'Source Serif 4',serif}
.footer-cat-link:hover{color:var(--saffron)}
.footer-bottom{border-top:1px solid var(--border);max-width:1280px;margin:0 auto;padding:16px 24px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:rgba(243,239,230,0.3);flex-wrap:wrap;gap:8px}
.footer-tricolor{height:4px;display:flex}
.footer-tricolor .s{flex:1;background:var(--saffron)}
.footer-tricolor .w{flex:1;background:#fff}
.footer-tricolor .g{flex:1;background:var(--green)}

/* ── ORBIT / CHROME LOGO ANIMATION ── */
@keyframes orbit-y{from{transform:rotateY(0deg)}to{transform:rotateY(360deg)}}
.orbit-stage{position:absolute;inset:0;pointer-events:none;transform-style:preserve-3d}
.orbit-band{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px 0 0 -26px;transform-style:preserve-3d;animation:orbit-y 7s linear infinite}
.orbit-band.s{animation-duration:5s}
.orbit-band.w{animation-duration:8s;animation-direction:reverse}
.orbit-band.g{animation-duration:6.5s}
.orbit-ring{position:absolute;inset:0;border-radius:50%;box-sizing:border-box;border:2px solid}
.orbit-band.s .orbit-ring{border-color:#ff9933;transform:rotateZ(0deg) rotateX(74deg)}
.orbit-band.w .orbit-ring{border-color:#f7f4ec;transform:rotateZ(55deg) rotateX(74deg)}
.orbit-band.g .orbit-ring{border-color:#138808;transform:rotateZ(-55deg) rotateX(74deg)}

[lang="hi"], .lang-hi-text { font-family:'Tiro Devanagari Hindi','Noto Serif Devanagari',serif; }

@media (max-width: 860px){
  .hero{grid-template-columns:1fr}
  .two-col{grid-template-columns:1fr}
  .news-grid{grid-template-columns:1fr}
  .footer-top{grid-template-columns:1fr 1fr}
  .nav-links{display:none}
}
/* ── IMAGE FALLBACKS ── */
.hero-main{background:linear-gradient(135deg,#1e0800 0%,#3d1a08 45%,#1a0c2e 100%);min-height:460px}
.news-card{background:var(--surface2)}
.news-card-img{background:var(--surface);min-height:160px;object-fit:cover}