*{
margin:0;
padding:0;
box-sizing:border-box;
}

html{
scroll-behavior:smooth;
}

body{
font-family:'Poppins',sans-serif;
background:#ffffff;
color:#111;
transition:0.3s;
overflow-x:hidden;
max-width:100vw;
}

@font-face {
    font-family: 'highland-gothic';
    src: url("/highland-gothic/HighlandGothicFLF-Bold.ttf") format("truetype");
}



/* TOPBAR */

.topbar{
display:flex;
justify-content:space-between;
align-items:center;
padding:10px 25px;
background:#0f172a;
color:white;
position:relative;
z-index:1000;
}

.left-top{
display:flex;
align-items:center;
gap:8px;
font-size:14px;
font-weight:500;
flex-wrap:wrap;
}

/* Premium light Hindu astrology theme */
.astro-page.astro-light-page{
position:relative;
min-height:100vh;
padding:8px 0 56px!important;
color:#24160b;
background:
radial-gradient(circle at 14% 4%, rgba(251,191,36,.26), transparent 28%),
radial-gradient(circle at 88% 10%, rgba(196,181,253,.22), transparent 30%),
linear-gradient(180deg,#fffaf0 0%,#fff7ed 42%,#f8fafc 100%)!important;
}

.astro-light-page:before{
content:"";
position:absolute;
inset:0;
pointer-events:none;
background-image:
radial-gradient(circle at center, rgba(180,83,9,.08) 1px, transparent 1px),
linear-gradient(45deg, rgba(245,158,11,.05) 25%, transparent 25%, transparent 75%, rgba(245,158,11,.05) 75%);
background-size:42px 42px,88px 88px;
mask-image:linear-gradient(180deg,#000 0%,transparent 72%);
}

.astro-light-page .astro-stars-canvas{
opacity:.32;
}

.astro-light-page .astro-premium-hero{
min-height:330px;
margin-top:0;
padding:34px;
border:1px solid rgba(180,83,9,.16);
background:
radial-gradient(circle at 78% 30%, rgba(251,191,36,.24), transparent 34%),
linear-gradient(135deg,rgba(255,255,255,.92),rgba(255,247,237,.84));
box-shadow:0 20px 50px rgba(146,64,14,.12);
backdrop-filter:blur(16px);
color:#1f2937;
}

.astro-light-page .astro-premium-hero .astro-eyebrow{
background:#fff7ed;
border:1px solid rgba(245,158,11,.22);
color:#b45309;
box-shadow:0 8px 22px rgba(245,158,11,.1);
}

.astro-light-page .astro-premium-hero h1{
font-family:"Playfair Display",serif;
color:#21120a;
text-shadow:none;
font-size:clamp(38px,6.4vw,76px);
}

.astro-light-page .astro-premium-hero p{
color:#5b4b3c;
font-weight:600;
}

.astro-light-page .astro-hero-actions a{
background:linear-gradient(135deg,#f59e0b,#f97316);
color:#fff;
box-shadow:0 13px 28px rgba(249,115,22,.22);
}

.astro-light-page .astro-hero-actions a:nth-child(2){
background:#fff;
color:#7c2d12;
border:1px solid rgba(180,83,9,.16);
}

.astro-light-page .astro-cosmos .astro-wheel{
background:rgba(255,255,255,.68);
border-color:rgba(180,83,9,.16);
box-shadow:inset 0 0 40px rgba(251,191,36,.14),0 14px 36px rgba(146,64,14,.12);
color:#9a3412;
}

.astro-light-page .astro-moon,
.astro-light-page .astro-moon-large{
background:radial-gradient(circle at 34% 34%,#fff 0%,#fef3c7 42%,#f59e0b 72%,#92400e 100%);
box-shadow:0 0 35px rgba(245,158,11,.28), inset -14px -12px 26px rgba(146,64,14,.22);
color:#3a1d06;
}

.astro-light-page .astro-spiritual-strip article,
.astro-light-page .astro-dashboard-card,
.astro-light-page .astro-dashboard-feature,
.astro-light-page .festival-card,
.astro-light-page .premium-zodiac-card,
.astro-light-page .astro-tool-card,
.astro-light-page .premium-planet-grid article{
background:rgba(255,255,255,.82);
border:1px solid rgba(180,83,9,.13);
box-shadow:0 18px 42px rgba(146,64,14,.09);
backdrop-filter:blur(14px);
color:#21120a;
}

.astro-light-page .astro-spiritual-strip span,
.astro-light-page .astro-section-head span,
.astro-light-page .astro-dashboard-card span{
color:#b45309;
}

.astro-light-page .astro-spiritual-strip p,
.astro-light-page .astro-section-head p,
.astro-light-page .astro-dashboard-feature p,
.astro-light-page .festival-card p,
.astro-light-page .premium-zodiac-card p,
.astro-light-page .astro-result-summary{
color:#5b4b3c;
}

.astro-light-page .astro-section-head h2,
.astro-light-page .premium-zodiac-card .zodiac-top h3,
.astro-light-page .festival-card h3,
.astro-light-page .astro-tool-card h3{
color:#21120a;
}

.astro-light-page .astro-dashboard-card i,
.astro-light-page .astro-tool-icon{
background:linear-gradient(135deg,#fff7ed,#fde68a);
color:#b45309;
}

.astro-light-page .astro-audio-actions button,
.astro-light-page .astro-tool-card button{
background:linear-gradient(135deg,#f97316,#f59e0b);
color:#fff;
}

.astro-light-page .astro-calendar-day{
background:rgba(255,255,255,.78);
border-color:rgba(180,83,9,.12);
box-shadow:0 10px 24px rgba(146,64,14,.06);
}

.astro-light-page .astro-calendar-day strong,
.astro-light-page .premium-zodiac-card .astro-meter,
.astro-light-page .festival-card strong{
color:#21120a;
}

.astro-light-page .astro-calendar-day span,
.astro-light-page .premium-zodiac-card .zodiac-top small,
.astro-light-page .premium-planet-grid article small,
.astro-light-page .planet-result-grid span,
.astro-light-page .number-orb small,
.astro-light-page .kundali-summary span,
.astro-light-page .astro-mini-result-grid span{
color:#7c4a22;
}

.astro-light-page .astro-calendar-day.has-festival{
background:linear-gradient(145deg,#fff7ed,#fef3c7);
}

.astro-light-page .festival-art{
background:
radial-gradient(circle,rgba(255,255,255,.28),transparent 30%),
linear-gradient(135deg,#f59e0b,#f97316);
}

.astro-light-page .premium-zodiac-card .zodiac-lucky span,
.astro-light-page .number-orb,
.astro-light-page .kundali-summary article,
.astro-light-page .astro-mini-result-grid article,
.astro-light-page .planet-result-grid article{
background:#fff7ed;
border:1px solid rgba(180,83,9,.12);
color:#21120a;
}

.astro-light-page .premium-zodiac-card .zodiac-top > span{
background:linear-gradient(135deg,#fff7ed,#ede9fe);
color:#b45309;
}

.astro-light-page .astro-tool-card input{
background:#fff;
border-color:rgba(180,83,9,.16);
color:#21120a;
}

.astro-light-page .astro-tool-card input::placeholder{
color:#9a7a5f;
}

.astro-light-page .match-score{
background:
radial-gradient(circle at center,#fffaf0 0 55%,transparent 56%),
conic-gradient(#f97316 calc(var(--score) * 1%), #ead7bf 0);
}

.astro-light-page .match-score span{
color:#21120a;
}

.astro-light-page .match-score small,
.astro-light-page .astro-engine-note{
color:#7c4a22;
}

.astro-light-page .astro-loader{
color:#b45309;
}

.north-kundali-chart{
position:relative;
max-width:360px;
margin:16px auto;
aspect-ratio:1;
}

.north-kundali-chart svg{
position:absolute;
inset:0;
width:100%;
height:100%;
fill:#fffaf0;
stroke:#b45309;
stroke-width:1.8;
filter:drop-shadow(0 16px 28px rgba(146,64,14,.12));
}

.north-kundali-houses{
position:absolute;
inset:0;
}

.north-kundali-houses span{
position:absolute;
width:78px;
min-height:46px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
text-align:center;
font-size:11px;
font-weight:800;
color:#21120a;
}

.north-kundali-houses b{
color:#b45309;
font-size:15px;
}

.north-kundali-houses em{
font-style:normal;
font-size:10px;
color:#6b21a8;
}

.north-kundali-houses span:nth-child(1){left:50%;top:8%;transform:translateX(-50%)}
.north-kundali-houses span:nth-child(2){left:66%;top:19%}
.north-kundali-houses span:nth-child(3){right:7%;top:43%}
.north-kundali-houses span:nth-child(4){left:66%;bottom:19%}
.north-kundali-houses span:nth-child(5){left:50%;bottom:8%;transform:translateX(-50%)}
.north-kundali-houses span:nth-child(6){left:8%;bottom:19%}
.north-kundali-houses span:nth-child(7){left:7%;top:43%}
.north-kundali-houses span:nth-child(8){left:8%;top:19%}
.north-kundali-houses span:nth-child(9){left:35%;top:31%}
.north-kundali-houses span:nth-child(10){right:35%;top:31%}
.north-kundali-houses span:nth-child(11){right:35%;bottom:31%}
.north-kundali-houses span:nth-child(12){left:35%;bottom:31%}

.dasha-strip{
display:flex;
gap:8px;
flex-wrap:wrap;
align-items:center;
margin:12px 0;
}

.dasha-strip strong,
.dasha-strip span{
padding:8px 10px;
border-radius:999px;
background:#fff7ed;
border:1px solid rgba(180,83,9,.13);
font-size:12px;
}

.dasha-strip b{
color:#b45309;
margin-right:4px;
}

.astro-engine-note{
display:block;
font-weight:800;
margin-top:10px;
}

@media(max-width:700px){
.astro-light-page .astro-premium-hero{
padding:20px;
min-height:0;
}

.north-kundali-chart{
max-width:300px;
}

.north-kundali-houses span{
width:64px;
font-size:10px;
}
}

.right-top{
display:flex;
align-items:center;
gap:14px;
}

.right-top a{
color:white;
font-size:18px;
transition:0.3s;
}

.right-top a:hover{
color:#ef4444;
transform:scale(1.1);
}

.tmnn-live-widgets{
display:flex;
align-items:center;
gap:8px;
margin-left:10px;
flex-wrap:wrap;
min-width:0;
}

.tmnn-live-pill{
display:inline-flex;
align-items:center;
gap:6px;
min-height:30px;
padding:6px 10px;
border:1px solid rgba(255,255,255,0.16);
border-radius:999px;
background:rgba(255,255,255,0.08);
color:#f8fafc;
font-size:12px;
line-height:1;
white-space:nowrap;
backdrop-filter:blur(10px);
}

.tmnn-weather-pill i{
color:#f8fafc;
}

.tmnn-weather-state-icon{
color:#fbbf24!important;
font-size:14px;
filter:drop-shadow(0 0 8px rgba(251,191,36,.32));
}

.tmnn-live-city{
font-weight:700;
}

.tmnn-live-weather{
color:#e2e8f0;
font-weight:600;
}

.tmnn-share-toast{
position:fixed;
left:50%;
bottom:24px;
transform:translateX(-50%) translateY(20px);
z-index:100000;
padding:11px 16px;
border-radius:999px;
background:#111827;
color:#fff;
font-weight:800;
font-size:13px;
box-shadow:0 18px 40px rgba(15,23,42,.24);
opacity:0;
pointer-events:none;
transition:.22s ease;
}

.tmnn-share-toast.show{
opacity:1;
transform:translateX(-50%) translateY(0);
}

.tmnn-metal-pill{
align-items:flex-start;
gap:8px;
}

.tmnn-live-dot{
width:7px;
height:7px;
border-radius:50%;
background:#22c55e;
box-shadow:0 0 0 0 rgba(34,197,94,0.65);
animation:tmnnLivePulse 1.6s infinite;
margin-top:4px;
}

.tmnn-metal-lines{
display:flex;
flex-direction:column;
gap:4px;
}

.tmnn-metal-lines span{
display:flex;
align-items:center;
gap:5px;
color:#cbd5e1;
}

.tmnn-metal-lines b{
font-weight:800;
color:#f8fafc;
}

.tmnn-metal-pill strong{
font-weight:900;
color:#fff7ed;
transition:transform 0.25s ease,color 0.25s ease;
}

.tmnn-metal-pill em{
font-style:normal;
color:#94a3b8;
font-size:11px;
}

.tmnn-metal-pill small{
align-self:center;
color:#cbd5e1;
font-size:10px;
font-weight:700;
}

.metal-trend{
font-style:normal;
font-size:10px;
font-weight:900;
color:#94a3b8;
}

.metal-trend.up{
color:#22c55e;
}

.metal-trend.down{
color:#ef4444;
}

.metal-price-pop{
transform:translateY(-1px) scale(1.04);
color:#fef08a !important;
}

.metal-loading strong{
position:relative;
color:transparent !important;
min-width:56px;
overflow:hidden;
border-radius:6px;
background:rgba(255,255,255,0.16);
}

.metal-loading strong::after{
content:"";
position:absolute;
inset:0;
transform:translateX(-100%);
background:linear-gradient(90deg,transparent,rgba(255,255,255,0.24),transparent);
animation:tmnnSkeleton 1.2s infinite;
}

@keyframes tmnnLivePulse{
70%{ box-shadow:0 0 0 8px rgba(34,197,94,0); }
100%{ box-shadow:0 0 0 0 rgba(34,197,94,0); }
}

@keyframes tmnnSkeleton{
to{ transform:translateX(100%); }
}

/* LIVE CRICKET */

.cricket-live-page{
background:#f8fafc;
color:#111827;
min-height:100vh;
padding:24px;
}

.match-center-page{
background:#f8fafc;
color:#111827;
min-height:100vh;
padding:24px;
}

.cricket-hero,
.match-center-hero{
display:flex;
justify-content:space-between;
align-items:flex-end;
gap:20px;
max-width:1180px;
margin:0 auto 22px;
padding:18px 22px;
border:1px solid #e5e7eb;
border-radius:14px;
background:#ffffff;
box-shadow:0 12px 36px rgba(15,23,42,0.08);
text-decoration:none;
color:#111827;
}

.cricket-eyebrow{
display:inline-flex;
align-items:center;
gap:8px;
font-size:12px;
font-weight:900;
letter-spacing:0.08em;
text-transform:uppercase;
color:#86efac;
color:#16a34a;
}

.cricket-eyebrow i{
font-size:8px;
color:#22c55e;
filter:drop-shadow(0 0 8px #22c55e);
animation:tmnnLivePulse 1.4s infinite;
}

.cricket-hero h1,
.match-center-hero h1{
font-size:clamp(25px,3vw,38px);
line-height:1.12;
max-width:820px;
margin:8px 0;
}

.cricket-hero p,
.match-center-hero p{
color:#475569;
font-weight:600;
max-width:720px;
}

.cricket-hero-link{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:42px;
padding:0 18px;
border-radius:999px;
background:#22c55e;
color:#04111d;
font-weight:900;
text-decoration:none;
white-space:nowrap;
}

.cricket-hero-scoreline{
display:flex;
flex-wrap:wrap;
gap:8px;
margin:10px 0;
}

.cricket-hero-scoreline span{
display:inline-flex;
align-items:center;
gap:7px;
padding:7px 10px;
border-radius:999px;
background:#f1f5f9;
border:1px solid #e2e8f0;
font-size:12px;
font-weight:800;
color:#0f172a;
}

.cricket-hero-scoreline b{
color:#16a34a;
font-size:10px;
}

.cricket-ticker{
max-width:1180px;
margin:0 auto 18px;
display:flex;
align-items:center;
gap:12px;
padding:12px 14px;
border:1px solid rgba(148,163,184,0.18);
border-radius:16px;
background:#ffffff;
box-shadow:0 8px 24px rgba(15,23,42,0.06);
overflow:hidden;
}

.cricket-ticker span{
display:inline-flex;
align-items:center;
height:30px;
padding:0 12px;
border-radius:999px;
background:#ef4444;
font-size:12px;
font-weight:900;
}

.cricket-ticker div{
overflow:hidden;
flex:1;
}

.cricket-ticker p{
width:max-content;
animation:cricketTicker 24s linear infinite;
font-weight:800;
color:#e2e8f0;
color:#111827;
}

@keyframes cricketTicker{
from{ transform:translateX(100%); }
to{ transform:translateX(-100%); }
}

.live-match-slider{
max-width:1180px;
margin:0 auto 34px;
display:flex;
gap:18px;
overflow-x:auto;
scroll-snap-type:x mandatory;
padding:4px 2px 18px;
}

.live-match-card,
.live-match-empty{
min-width:248px;
max-width:280px;
scroll-snap-align:start;
text-decoration:none;
color:#111827;
border:1px solid #e5e7eb;
border-radius:12px;
background:#ffffff;
box-shadow:0 8px 24px rgba(15,23,42,0.08);
padding:12px;
transition:transform 0.25s ease,border-color 0.25s ease,box-shadow 0.25s ease;
}

.live-match-card:hover{
transform:translateY(-4px);
border-color:#22c55e;
box-shadow:0 16px 34px rgba(34,197,94,0.12);
}

.live-match-card.is-live{
border-color:rgba(34,197,94,0.6);
}

.live-match-top,
.live-meta{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
font-size:12px;
font-weight:800;
color:#94a3b8;
}

.live-pill{
display:inline-flex;
align-items:center;
gap:7px;
color:#f8fafc;
color:#111827;
}

.live-pill i{
width:8px;
height:8px;
border-radius:50%;
background:#22c55e;
box-shadow:0 0 18px #22c55e;
animation:tmnnLivePulse 1.4s infinite;
}

.live-match-card h2{
font-size:15px;
line-height:1.25;
margin:10px 0;
}

.live-teams{
display:grid;
grid-template-columns:1fr 1fr;
gap:10px;
margin-bottom:14px;
margin-bottom:9px;
}

.live-team{
display:flex;
align-items:center;
gap:8px;
min-width:0;
}

.team-logo{
display:grid;
place-items:center;
width:42px;
height:30px;
width:30px;
border-radius:50%;
background:linear-gradient(135deg,#22c55e,#06b6d4);
color:#020617;
font-size:12px;
font-size:10px;
font-weight:900;
flex:0 0 auto;
}

.team-logo.alt{
background:linear-gradient(135deg,#f97316,#ef4444);
color:#fff;
}

.live-team strong{
font-size:13px;
font-size:11px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}

.live-score-lines{
display:flex;
flex-direction:column;
gap:8px;
padding:12px;
padding:8px;
border-radius:10px;
background:#f8fafc;
}

.live-score-lines p{
display:flex;
justify-content:space-between;
font-size:18px;
font-size:13px;
font-weight:900;
}

.live-status{
margin:14px 0;
margin:9px 0;
color:#b45309;
font-weight:900;
line-height:1.4;
}

.live-meta{
flex-wrap:wrap;
justify-content:flex-start;
}

.live-meta span{
padding:6px 9px;
border-radius:999px;
background:rgba(148,163,184,0.12);
background:#f1f5f9;
}

.cricket-news-section{
max-width:1180px;
margin:0 auto;
background:#ffffff;
border:1px solid #e5e7eb;
border-radius:14px;
padding:20px;
box-shadow:0 12px 36px rgba(15,23,42,0.06);
}

.cricket-section-head span{
color:#22c55e;
color:#16a34a;
font-weight:900;
text-transform:uppercase;
font-size:12px;
letter-spacing:0.08em;
}

.cricket-section-head h2{
font-size:34px;
font-size:30px;
margin:6px 0 18px;
}

.match-score-strip,
.match-tabs,
.match-tab-panel{
max-width:980px;
margin:0 auto 18px;
}

.match-score-strip{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
gap:14px;
}

.match-score-strip article,
.match-info-grid article,
.scorecard-list article,
.commentary-card{
border:1px solid #e5e7eb;
border-radius:12px;
background:#ffffff;
padding:12px;
box-shadow:0 8px 24px rgba(15,23,42,0.06);
}

.match-score-strip span,
.match-info-grid span{
color:#94a3b8;
font-weight:800;
font-size:12px;
text-transform:uppercase;
}

.match-score-strip strong{
display:block;
font-size:22px;
margin:4px 0;
color:#111827;
}

.match-tabs{
display:flex;
gap:10px;
overflow-x:auto;
}

.match-tabs button{
border:0;
border-radius:999px;
background:#111827;
color:#f8fafc;
font-weight:900;
padding:12px 18px;
cursor:pointer;
}

.match-tabs button.active{
background:#22c55e;
color:#04111d;
}

.match-tab-panel{
display:none;
}

.match-tab-panel.active{
display:block;
}

.match-info-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
gap:14px;
}

.match-info-grid strong{
display:block;
margin-top:8px;
font-size:14px;
line-height:1.4;
color:#111827;
}

.scorecard-list,
.commentary-list{
display:flex;
flex-direction:column;
gap:12px;
}

.scorecard-list article{
display:flex;
justify-content:space-between;
gap:14px;
font-weight:900;
color:#111827;
}

.commentary-card{
display:grid;
grid-template-columns:54px 1fr;
gap:12px;
}

.commentary-card span{
display:grid;
place-items:center;
width:42px;
height:42px;
border-radius:50%;
background:#f1f5f9;
color:#111827;
font-weight:900;
}

.all-live-matches-grid{
display:grid;
grid-template-columns:repeat(auto-fill,minmax(240px,1fr));
overflow:visible;
align-items:start;
}

.commentary-card.wicket{
border-color:#ef4444;
animation:wicketShake 0.4s ease;
}

.commentary-card.wicket span{
background:#ef4444;
}

.commentary-card.four span,
.commentary-card.six span{
background:#22c55e;
color:#04111d;
}

.score-pulse{
animation:scorePulse 0.45s ease;
}

@keyframes scorePulse{
50%{ transform:scale(1.04); color:#86efac; }
}

@keyframes wicketShake{
20%,60%{ transform:translateX(-3px); }
40%,80%{ transform:translateX(3px); }
}

@media(max-width:700px){
.cricket-live-page,
.match-center-page{
padding:16px 12px;
}

.sports-voice-reader{
margin:18px 0 22px;
}

.astro-page{
background:#f7f9fe;
color:#101828;
padding:24px 16px 50px;
overflow:hidden;
}

.astro-shell{
max-width:1180px;
margin:0 auto;
}

.astro-hero{
position:relative;
display:grid;
grid-template-columns:minmax(0,1fr) 220px;
gap:22px;
align-items:center;
min-height:280px;
padding:30px;
border-radius:26px;
overflow:hidden;
color:#fff;
background:
radial-gradient(circle at 18% 18%, rgba(253,216,53,.26), transparent 26%),
radial-gradient(circle at 86% 16%, rgba(96,165,250,.28), transparent 28%),
linear-gradient(135deg,#111827 0%,#183b7a 52%,#5b21b6 100%);
box-shadow:0 22px 55px rgba(17,24,39,.18);
}

.astro-hero:before{
content:"";
position:absolute;
inset:0;
background-image:
radial-gradient(circle, rgba(255,255,255,.72) 1px, transparent 1px),
radial-gradient(circle, rgba(255,255,255,.36) 1px, transparent 1px);
background-size:44px 44px, 72px 72px;
opacity:.34;
}

.astro-hero > *{
position:relative;
z-index:1;
}

.astro-eyebrow{
display:inline-flex;
align-items:center;
gap:8px;
padding:8px 12px;
border-radius:999px;
background:rgba(255,255,255,.12);
font-weight:900;
font-size:12px;
text-transform:uppercase;
letter-spacing:.08em;
}

.astro-hero h1{
font-size:clamp(34px,5vw,64px);
line-height:.98;
margin:16px 0 14px;
letter-spacing:0;
}

.astro-hero p{
max-width:720px;
font-size:17px;
line-height:1.7;
color:#e5edff;
margin:0 0 18px;
}

.astro-hero-actions{
display:flex;
gap:12px;
flex-wrap:wrap;
}

.astro-hero-actions a,
.astro-tool button,
.astro-submit{
border:0;
border-radius:999px;
background:#f43f5e;
color:#fff;
font-weight:900;
padding:12px 18px;
text-decoration:none;
cursor:pointer;
box-shadow:0 12px 25px rgba(244,63,94,.24);
}

.astro-hero-actions a:nth-child(2){
background:#f59e0b;
color:#111827;
box-shadow:0 12px 25px rgba(245,158,11,.24);
}

.astro-wheel{
width:190px;
height:190px;
border-radius:50%;
display:grid;
place-items:center;
font-size:82px;
font-weight:900;
background:rgba(255,255,255,.1);
border:1px solid rgba(255,255,255,.22);
box-shadow:inset 0 0 35px rgba(255,255,255,.1), 0 20px 45px rgba(0,0,0,.22);
animation:astroFloat 6s ease-in-out infinite;
}

@keyframes astroFloat{
0%,100%{transform:translateY(0) rotate(0deg)}
50%{transform:translateY(-10px) rotate(7deg)}
}

.astro-panchang{
display:grid;
grid-template-columns:repeat(6,minmax(0,1fr));
gap:12px;
margin:20px 0;
}

.astro-mini,
.astro-panchang article{
background:#fff;
border:1px solid #e5e7eb;
border-radius:18px;
padding:14px;
box-shadow:0 10px 28px rgba(15,23,42,.06);
}

.astro-mini span,
.astro-panchang article span,
.astro-section-head span{
display:block;
font-size:12px;
font-weight:900;
color:#64748b;
text-transform:uppercase;
margin-bottom:5px;
}

.astro-mini strong,
.astro-panchang article strong{
font-size:17px;
color:#111827;
}

.astro-section{
margin-top:26px;
}

.astro-section-head{
display:flex;
align-items:end;
justify-content:space-between;
gap:16px;
margin-bottom:16px;
}

.astro-section-head h2{
font-size:30px;
margin:0;
}

.astro-section-head p{
margin:0;
color:#64748b;
font-weight:700;
}

.zodiac-grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:16px;
}

.zodiac-card,
.astro-tool,
.astro-tools article,
.astro-period-card,
.astro-period-grid article,
.planet-grid article,
.planet-card{
background:#fff;
border:1px solid #e5e7eb;
border-radius:22px;
padding:18px;
box-shadow:0 14px 35px rgba(15,23,42,.07);
}

.zodiac-card{
display:flex;
flex-direction:column;
min-height:310px;
text-decoration:none;
color:inherit;
transition:transform .2s ease, box-shadow .2s ease;
}

.zodiac-card:hover{
transform:translateY(-4px);
box-shadow:0 22px 50px rgba(37,99,235,.16);
}

.zodiac-top{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
margin-bottom:12px;
}

.zodiac-icon,
.zodiac-top > span,
.astro-sign-hero > span{
width:54px;
height:54px;
border-radius:18px;
display:grid;
place-items:center;
font-size:30px;
background:linear-gradient(135deg,#dbeafe,#fee2e2);
color:#1d4ed8;
}

.zodiac-top h3{
margin:0;
font-size:21px;
}

.zodiac-top small{
display:block;
color:#64748b;
font-weight:800;
margin-top:3px;
}

.zodiac-card p{
font-size:14px;
line-height:1.65;
color:#334155;
margin:0 0 12px;
}

.zodiac-lucky{
display:flex;
gap:8px;
flex-wrap:wrap;
margin:auto 0 12px;
}

.zodiac-lucky span{
padding:7px 10px;
border-radius:999px;
background:#f1f5f9;
font-size:12px;
font-weight:900;
color:#334155;
}

.astro-meter{
display:grid;
grid-template-columns:64px minmax(0,1fr) 36px;
align-items:center;
gap:8px;
font-size:12px;
font-weight:900;
color:#475569;
margin-top:8px;
}

.astro-meter-bar,
.astro-meter > i{
height:8px;
border-radius:999px;
overflow:hidden;
background:linear-gradient(90deg,#ef4444,#f59e0b,#22c55e);
}

.astro-meter-bar i{
display:block;
height:100%;
border-radius:999px;
background:linear-gradient(90deg,#ef4444,#f59e0b,#22c55e);
}

.astro-tools{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:16px;
}

.astro-tool h3,
.astro-tools article h2{
margin:0 0 12px;
font-size:22px;
}

.astro-tool form,
.astro-tools article form{
display:grid;
gap:10px;
}

.astro-tool input,
.astro-tools article input{
width:100%;
border:1px solid #dbe3ef;
border-radius:14px;
padding:12px 14px;
font:inherit;
}

.astro-result,
.astro-tools pre{
display:none;
white-space:pre-wrap;
margin-top:12px;
background:#0f172a;
color:#dbeafe;
border-radius:16px;
padding:14px;
font-size:13px;
line-height:1.6;
overflow:auto;
}

.planet-grid,
.astro-period-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:16px;
}

.planet-card,
.planet-grid article{
display:flex;
justify-content:space-between;
gap:14px;
align-items:center;
}

.planet-card strong,
.planet-grid article strong{
font-size:18px;
}

.planet-card span,
.planet-grid article span{
font-weight:900;
color:#2563eb;
}

.astro-sign-hero{
max-width:1040px;
margin:24px auto;
padding:26px;
border-radius:24px;
color:#fff;
background:linear-gradient(135deg,#101828,#1d4ed8 58%,#7c3aed);
box-shadow:0 18px 45px rgba(15,23,42,.18);
}

.astro-sign-hero .zodiac-icon{
background:rgba(255,255,255,.14);
color:#fff;
margin-bottom:12px;
}

.astro-period-card h2{
margin:0 0 10px;
}

.astro-period-card p{
line-height:1.7;
color:#334155;
}

@media(max-width:1000px){
.astro-hero{
grid-template-columns:1fr;
}

.astro-wheel{
width:150px;
height:150px;
font-size:64px;
}

.astro-panchang,
.zodiac-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}

.astro-tools{
grid-template-columns:1fr;
}
}

@media(max-width:640px){
.astro-page{
padding:16px 12px 34px;
}

.astro-hero{
padding:22px;
border-radius:20px;
}

.astro-section-head{
display:block;
}

.astro-panchang,
.zodiac-grid,
.planet-grid,
.astro-period-grid{
grid-template-columns:1fr;
}
}

.astro-page.astro-premium-page{
position:relative;
background:
radial-gradient(circle at top left, rgba(244,114,182,.16), transparent 32%),
radial-gradient(circle at 86% 18%, rgba(250,204,21,.14), transparent 28%),
linear-gradient(180deg,#090b1e 0%,#11103a 42%,#190c2e 100%);
color:#fff;
padding:26px 0 58px;
}

.astro-stars-canvas{
position:absolute;
top:0;
left:50%;
width:100vw;
height:520px;
transform:translateX(-50%);
pointer-events:none;
opacity:.7;
}

.astro-premium-page .astro-section,
.astro-spiritual-strip,
.astro-premium-hero{
max-width:1180px;
margin-left:auto;
margin-right:auto;
position:relative;
z-index:1;
}

.astro-premium-hero{
min-height:430px;
padding:42px;
border:1px solid rgba(255,255,255,.16);
background:
linear-gradient(135deg, rgba(12,18,48,.88), rgba(63,26,104,.78)),
radial-gradient(circle at 80% 40%, rgba(251,191,36,.24), transparent 34%);
backdrop-filter:blur(18px);
}

.astro-premium-hero .astro-eyebrow{
background:rgba(250,204,21,.14);
border:1px solid rgba(250,204,21,.24);
color:#fde68a;
}

.astro-premium-hero h1{
font-family:"Playfair Display",serif;
font-size:clamp(44px,7vw,86px);
max-width:780px;
text-shadow:0 0 28px rgba(250,204,21,.18);
}

.astro-premium-hero p{
font-size:18px;
max-width:700px;
color:#e9d5ff;
}

.astro-cosmos{
position:relative;
height:300px;
display:grid;
place-items:center;
}

.astro-cosmos .astro-wheel{
position:absolute;
width:230px;
height:230px;
font-size:0;
background:rgba(255,255,255,.06);
border:1px solid rgba(255,255,255,.18);
animation:astroRotate 24s linear infinite;
}

.astro-cosmos .astro-wheel span{
position:absolute;
left:50%;
top:50%;
font-size:22px;
transform:
rotate(calc(var(--z, 0) * 30deg))
translate(96px)
rotate(calc(var(--z, 0) * -30deg));
}

.astro-cosmos .astro-wheel span:nth-child(1){--z:0}
.astro-cosmos .astro-wheel span:nth-child(2){--z:1}
.astro-cosmos .astro-wheel span:nth-child(3){--z:2}
.astro-cosmos .astro-wheel span:nth-child(4){--z:3}
.astro-cosmos .astro-wheel span:nth-child(5){--z:4}
.astro-cosmos .astro-wheel span:nth-child(6){--z:5}
.astro-cosmos .astro-wheel span:nth-child(7){--z:6}
.astro-cosmos .astro-wheel span:nth-child(8){--z:7}
.astro-cosmos .astro-wheel span:nth-child(9){--z:8}
.astro-cosmos .astro-wheel span:nth-child(10){--z:9}
.astro-cosmos .astro-wheel span:nth-child(11){--z:10}
.astro-cosmos .astro-wheel span:nth-child(12){--z:11}

@keyframes astroRotate{
to{transform:rotate(360deg)}
}

.astro-moon,
.astro-moon-large{
border-radius:50%;
display:grid;
place-items:center;
background:
radial-gradient(circle at 36% 34%, #fff7ed 0%, #fde68a 40%, #b45309 73%, #451a03 100%);
box-shadow:0 0 40px rgba(250,204,21,.4), inset -20px -18px 30px rgba(69,26,3,.28);
color:#1f1300;
font-weight:900;
}

.astro-moon{
width:118px;
height:118px;
z-index:2;
}

.astro-moon span{
font-size:24px;
}

.astro-orbit{
position:absolute;
inset:12px;
border:1px solid rgba(255,255,255,.12);
border-radius:50%;
animation:astroOrbit 12s linear infinite;
}

.astro-orbit i{
position:absolute;
width:14px;
height:14px;
border-radius:50%;
background:#f97316;
box-shadow:0 0 18px #f97316;
}

.astro-orbit i:nth-child(1){left:18%;top:8%}
.astro-orbit i:nth-child(2){right:9%;top:42%;background:#60a5fa;box-shadow:0 0 18px #60a5fa}
.astro-orbit i:nth-child(3){left:42%;bottom:7%;background:#facc15;box-shadow:0 0 18px #facc15}

@keyframes astroOrbit{
to{transform:rotate(360deg)}
}

.astro-spiritual-strip{
display:grid;
grid-template-columns:1.2fr 1.1fr .9fr;
gap:16px;
margin-top:22px;
}

.astro-spiritual-strip article,
.astro-dashboard-card,
.astro-dashboard-feature,
.festival-card,
.premium-zodiac-card,
.astro-tool-card,
.premium-planet-grid article{
background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.04));
border:1px solid rgba(255,255,255,.14);
box-shadow:0 18px 45px rgba(0,0,0,.25);
backdrop-filter:blur(16px);
}

.astro-spiritual-strip article{
border-radius:24px;
padding:20px;
}

.astro-spiritual-strip span,
.astro-premium-page .astro-section-head span,
.astro-dashboard-card span{
color:#fbbf24;
font-size:12px;
font-weight:900;
letter-spacing:.08em;
text-transform:uppercase;
}

.astro-spiritual-strip strong{
display:block;
font-size:22px;
margin:8px 0;
}

.astro-spiritual-strip p{
color:#d8b4fe;
line-height:1.7;
margin:0;
}

.astro-audio-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:12px;
}

.astro-audio-actions button,
.astro-tool-card button{
border:0;
border-radius:999px;
padding:11px 15px;
background:linear-gradient(135deg,#f97316,#facc15);
color:#2b1600;
font-weight:900;
cursor:pointer;
box-shadow:0 12px 24px rgba(249,115,22,.26);
}

.astro-premium-page .astro-section{
margin-top:34px;
}

.astro-premium-page .astro-section-head h2{
font-family:"Playfair Display",serif;
color:#fff;
font-size:clamp(30px,4vw,48px);
}

.astro-premium-page .astro-section-head p{
color:#c4b5fd;
}

.astro-dashboard-grid{
display:grid;
grid-template-columns:1.3fr repeat(3,minmax(0,1fr));
gap:14px;
}

.astro-dashboard-feature{
grid-row:span 4;
border-radius:28px;
padding:24px;
}

.astro-moon-large{
width:150px;
height:150px;
margin:0 auto 18px;
font-size:30px;
}

.astro-dashboard-feature h3{
font-size:28px;
margin:0 0 10px;
}

.astro-dashboard-feature p,
.astro-dashboard-card strong,
.festival-card p,
.premium-zodiac-card p{
color:#e9d5ff;
line-height:1.65;
}

.astro-dashboard-card{
min-height:122px;
border-radius:22px;
padding:18px;
display:flex;
flex-direction:column;
gap:8px;
}

.astro-dashboard-card i{
width:42px;
height:42px;
display:grid;
place-items:center;
border-radius:15px;
background:rgba(250,204,21,.16);
color:#fde68a;
}

.astro-dashboard-card strong{
font-size:18px;
}

.astro-calendar-shell{
padding:0 0 18px;
border-radius:28px;
background:
linear-gradient(180deg,#ffedd5 0 72px,rgba(255,255,255,.88) 72px),
radial-gradient(circle at 88% 12%,rgba(251,191,36,.22),transparent 28%);
border:1px solid rgba(180,83,9,.14);
box-shadow:0 22px 58px rgba(146,64,14,.13);
overflow:hidden;
}

.astro-calendar-month{
min-height:72px;
display:flex;
align-items:center;
gap:14px;
padding:16px 18px;
color:#7c2d12;
font-weight:800;
flex-wrap:wrap;
background:linear-gradient(135deg,#b45309,#f97316 58%,#f59e0b);
}

.astro-calendar-month div{
margin-right:auto;
}

.astro-calendar-month small{
display:block;
font-size:11px;
font-weight:900;
letter-spacing:.12em;
text-transform:uppercase;
color:#fffbeb;
opacity:.85;
margin-bottom:2px;
}

.astro-calendar-month strong{
display:block;
font-family:"Playfair Display",serif;
font-size:30px;
line-height:1;
color:#fff;
}

.astro-calendar-month span{
display:inline-flex;
align-items:center;
gap:7px;
font-size:12px;
color:#7c2d12;
background:rgba(255,255,255,.88);
border:1px solid rgba(255,255,255,.46);
padding:8px 10px;
border-radius:999px;
box-shadow:0 8px 18px rgba(124,45,18,.12);
}

.astro-calendar-month i{
color:#f97316;
font-size:8px;
}

.astro-calendar-grid{
display:grid;
grid-template-columns:repeat(7,minmax(0,1fr));
gap:0;
padding:14px;
min-width:0;
}

.astro-calendar-weekday{
min-height:42px;
display:grid;
place-items:center;
background:#fff7ed;
border:1px solid rgba(180,83,9,.14);
border-bottom:0;
color:#9a3412;
font-size:12px;
font-weight:900;
text-transform:uppercase;
letter-spacing:.08em;
}

.astro-calendar-weekday:first-child{
border-radius:16px 0 0 0;
color:#dc2626;
}

.astro-calendar-weekday:nth-child(7){
border-radius:0 16px 0 0;
color:#dc2626;
}

.astro-calendar-day{
min-height:128px;
padding:12px;
background:linear-gradient(145deg,#fff,#fffaf0);
border:1px solid rgba(180,83,9,.14);
display:flex;
flex-direction:column;
gap:8px;
position:relative;
overflow:hidden;
transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.astro-calendar-day:hover{
transform:translateY(-2px);
z-index:3;
border-color:rgba(249,115,22,.38);
box-shadow:0 16px 32px rgba(146,64,14,.14);
}

.astro-calendar-day:before{
content:"";
position:absolute;
right:-24px;
top:-26px;
width:78px;
height:78px;
border-radius:50%;
background:rgba(251,191,36,.12);
}

.astro-calendar-day.is-empty{
background:repeating-linear-gradient(135deg,#fffaf0 0 8px,#fff7ed 8px 16px);
opacity:.55;
box-shadow:none;
}

.astro-calendar-day.is-empty:before{
display:none;
}

.astro-date-top{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:8px;
position:relative;
z-index:1;
}

.astro-calendar-day strong{
font-size:28px;
line-height:1;
color:#21120a;
letter-spacing:0;
}

.astro-calendar-day small{
font-size:10px;
font-weight:900;
color:#b45309;
text-transform:uppercase;
background:#fff7ed;
border:1px solid rgba(180,83,9,.12);
border-radius:999px;
padding:4px 7px;
}

.astro-calendar-day span{
font-size:12px;
line-height:1.35;
color:#6b3f1d;
font-weight:800;
position:relative;
z-index:1;
}

.astro-calendar-badges{
display:flex;
align-items:flex-end;
gap:5px;
flex-wrap:wrap;
margin-top:auto;
position:relative;
z-index:1;
}

.astro-calendar-day em{
display:inline-flex;
align-items:center;
gap:4px;
font-size:10px;
line-height:1.2;
font-style:normal;
color:#9a3412;
font-weight:900;
background:#ffedd5;
border:1px solid rgba(245,158,11,.24);
border-radius:999px;
padding:5px 7px;
}

.astro-calendar-day.is-today{
outline:2px solid #f97316;
box-shadow:0 0 0 5px rgba(249,115,22,.12),0 18px 34px rgba(249,115,22,.2);
background:linear-gradient(145deg,#fff7ed,#fffbeb);
}

.astro-calendar-day.is-today:after{
content:"Today";
position:absolute;
right:10px;
bottom:10px;
padding:5px 9px;
border-radius:999px;
background:#f97316;
color:#fff;
font-size:10px;
font-weight:900;
box-shadow:0 8px 18px rgba(249,115,22,.28);
}

.astro-calendar-day.is-today .astro-calendar-badges{
padding-right:58px;
}

.astro-calendar-day.has-festival{
background:linear-gradient(145deg,#fff7ed,#fef3c7);
border-color:rgba(245,158,11,.38);
}

.festival-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:16px;
}

.festival-card{
border-radius:26px;
overflow:hidden;
}

.festival-art{
height:140px;
display:grid;
place-items:center;
font-size:46px;
color:#fff7ed;
background:
radial-gradient(circle,rgba(255,255,255,.18),transparent 30%),
linear-gradient(135deg,#f97316,#7c2d12);
}

.festival-card div:last-child{
padding:18px;
}

.festival-card h3{
font-size:23px;
margin:8px 0;
}

.festival-card strong{
display:inline-flex;
margin:6px 0;
padding:8px 12px;
border-radius:999px;
background:rgba(34,197,94,.16);
color:#86efac;
}

.festival-card small{
display:block;
color:#fde68a;
font-weight:800;
}

.premium-zodiac-grid{
grid-template-columns:repeat(3,minmax(0,1fr));
}

.premium-zodiac-card{
border-radius:26px;
color:#fff;
}

.premium-zodiac-card .zodiac-top > span{
background:linear-gradient(135deg,rgba(250,204,21,.24),rgba(96,165,250,.18));
color:#fde68a;
}

.premium-zodiac-card .zodiac-top h3{
color:#fff;
}

.premium-zodiac-card .zodiac-lucky span{
background:rgba(255,255,255,.08);
color:#fff;
}

.premium-zodiac-card .astro-meter{
grid-template-columns:72px minmax(0,1fr) 42px;
color:#e9d5ff;
}

.premium-astro-tools{
grid-template-columns:repeat(3,minmax(0,1fr));
}

.astro-tool-card{
border-radius:28px;
padding:22px;
}

.astro-tool-icon{
width:58px;
height:58px;
display:grid;
place-items:center;
border-radius:20px;
background:linear-gradient(135deg,#f97316,#facc15);
color:#2b1600;
font-size:22px;
}

.astro-tool-card h3{
font-size:24px;
margin:14px 0;
}

.astro-tool-card form{
display:grid;
gap:10px;
}

.astro-tool-card input{
width:100%;
border:1px solid rgba(255,255,255,.14);
border-radius:15px;
background:rgba(255,255,255,.08);
color:#fff;
padding:13px 14px;
font:inherit;
}

.astro-tool-card input::placeholder{
color:#c4b5fd;
}

.astro-result-panel{
margin-top:14px;
display:block;
}

.astro-loader{
display:flex;
align-items:center;
gap:10px;
color:#fde68a;
font-weight:900;
}

.astro-loader i{
width:18px;
height:18px;
border-radius:50%;
border:3px solid rgba(250,204,21,.28);
border-top-color:#facc15;
animation:astroSpin 1s linear infinite;
}

@keyframes astroSpin{
to{transform:rotate(360deg)}
}

.astro-number-result,
.kundali-summary,
.astro-mini-result-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:10px;
margin-top:12px;
}

.number-orb,
.kundali-summary article,
.astro-mini-result-grid article{
border-radius:18px;
background:rgba(255,255,255,.08);
border:1px solid rgba(255,255,255,.12);
padding:13px;
}

.number-orb{
aspect-ratio:1;
display:grid;
place-items:center;
text-align:center;
box-shadow:inset 0 0 28px rgba(250,204,21,.12);
}

.number-orb span{
font-size:34px;
font-weight:900;
color:#facc15;
}

.number-orb small,
.kundali-summary span,
.astro-mini-result-grid span{
display:block;
color:#c4b5fd;
font-weight:800;
font-size:12px;
}

.astro-result-summary{
color:#e9d5ff;
line-height:1.7;
}

.astro-mini-result-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}

.astro-mini-result-grid strong{
display:block;
margin-bottom:8px;
}

.astro-mini-result-grid span{
padding:7px 0;
}

.kundali-chart{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:6px;
padding:12px;
border-radius:22px;
background:rgba(250,204,21,.08);
border:1px solid rgba(250,204,21,.18);
margin:14px 0;
}

.kundali-chart span{
min-height:58px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
border-radius:14px;
background:rgba(255,255,255,.08);
font-size:12px;
color:#e9d5ff;
}

.kundali-chart b{
color:#facc15;
font-size:16px;
}

.planet-result-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:9px;
}

.planet-result-grid article{
display:flex;
gap:9px;
align-items:center;
border-radius:16px;
background:rgba(255,255,255,.08);
padding:10px;
}

.planet-result-grid i{
width:32px;
height:32px;
border-radius:50%;
display:grid;
place-items:center;
background:#facc15;
color:#2b1600;
font-style:normal;
font-weight:900;
}

.planet-result-grid span{
display:block;
font-size:12px;
color:#c4b5fd;
}

.match-score{
--score:70;
width:150px;
height:150px;
margin:10px auto 16px;
border-radius:50%;
display:grid;
place-items:center;
text-align:center;
background:
radial-gradient(circle at center,#11103a 0 55%,transparent 56%),
conic-gradient(#22c55e calc(var(--score) * 1%), rgba(255,255,255,.12) 0);
}

.match-score span{
display:block;
font-size:32px;
font-weight:900;
color:#fff;
}

.match-score small{
display:block;
color:#c4b5fd;
font-weight:800;
}

.astro-result-meter{
display:grid;
grid-template-columns:88px minmax(0,1fr) 42px;
align-items:center;
gap:8px;
margin:9px 0;
color:#e9d5ff;
font-weight:800;
}

.astro-result-meter i{
height:9px;
border-radius:999px;
background:rgba(255,255,255,.14);
overflow:hidden;
}

.astro-result-meter b{
display:block;
height:100%;
border-radius:999px;
background:linear-gradient(90deg,#ef4444,#f59e0b,#22c55e);
}

.premium-planet-grid article{
color:#fff;
border-radius:22px;
}

.premium-planet-grid article small{
color:#c4b5fd;
font-weight:800;
}

.astro-result-error{
color:#fecaca;
font-weight:800;
}

@media(max-width:1050px){
.astro-premium-hero,
.astro-spiritual-strip,
.astro-dashboard-grid,
.festival-grid,
.premium-zodiac-grid,
.premium-astro-tools{
grid-template-columns:1fr 1fr;
}

.astro-dashboard-feature{
grid-row:auto;
grid-column:span 2;
}
}

@media(max-width:700px){
.astro-page.astro-premium-page{
padding:16px 0 40px;
}

.astro-premium-hero{
padding:24px;
}

.astro-premium-hero,
.astro-spiritual-strip,
.astro-dashboard-grid,
.festival-grid,
.premium-zodiac-grid,
.premium-astro-tools,
.astro-mini-result-grid,
.astro-number-result,
.kundali-summary,
.planet-result-grid{
grid-template-columns:1fr;
}

.astro-dashboard-feature{
grid-column:auto;
}

.astro-calendar-shell{
padding:12px;
border-radius:20px;
}

.astro-calendar-grid{
grid-template-columns:repeat(7,minmax(104px,1fr));
min-width:760px;
gap:7px;
}

.astro-calendar-day{
min-height:102px;
padding:10px;
}

.astro-cosmos{
height:250px;
}
}

.cricket-hero,
.match-center-hero{
align-items:flex-start;
flex-direction:column;
padding:20px;
border-radius:18px;
}

.live-match-card,
.live-match-empty{
min-width:86vw;
}

.cricket-ticker{
border-radius:12px;
}

.match-score-strip{
grid-template-columns:1fr;
}

.commentary-card{
grid-template-columns:44px 1fr;
}
}

/* ASTROLOGY */

.astro-page{
background:radial-gradient(circle at top left,rgba(59,130,246,0.16),transparent 32%),linear-gradient(180deg,#120b2f,#050816 42%,#f8fafc 42%);
min-height:100vh;
padding:26px;
}

.astro-hero,
.astro-sign-hero{
max-width:1180px;
margin:0 auto 22px;
display:flex;
justify-content:space-between;
align-items:center;
gap:24px;
padding:28px;
border:1px solid rgba(255,255,255,0.18);
border-radius:22px;
background:linear-gradient(135deg,rgba(88,28,135,0.78),rgba(30,64,175,0.68));
color:#fff;
box-shadow:0 24px 70px rgba(15,23,42,0.25);
overflow:hidden;
}

.astro-eyebrow{
display:inline-flex;
color:#fde68a;
font-weight:900;
text-transform:uppercase;
letter-spacing:0.12em;
font-size:12px;
}

.astro-hero h1{
font-size:clamp(32px,5vw,58px);
line-height:1.04;
max-width:760px;
margin:10px 0;
}

.astro-hero p{
max-width:720px;
font-weight:600;
color:#e0e7ff;
}

.astro-wheel{
position:relative;
width:230px;
height:230px;
border:1px solid rgba(255,255,255,0.26);
border-radius:50%;
display:grid;
place-items:center;
animation:astroRotate 26s linear infinite;
flex:0 0 auto;
}

.astro-wheel span{
position:absolute;
font-size:24px;
filter:drop-shadow(0 0 12px rgba(250,204,21,0.7));
}

.astro-wheel span:nth-child(1){transform:rotate(0deg) translateY(-98px);}
.astro-wheel span:nth-child(2){transform:rotate(30deg) translateY(-98px);}
.astro-wheel span:nth-child(3){transform:rotate(60deg) translateY(-98px);}
.astro-wheel span:nth-child(4){transform:rotate(90deg) translateY(-98px);}
.astro-wheel span:nth-child(5){transform:rotate(120deg) translateY(-98px);}
.astro-wheel span:nth-child(6){transform:rotate(150deg) translateY(-98px);}
.astro-wheel span:nth-child(7){transform:rotate(180deg) translateY(-98px);}
.astro-wheel span:nth-child(8){transform:rotate(210deg) translateY(-98px);}
.astro-wheel span:nth-child(9){transform:rotate(240deg) translateY(-98px);}
.astro-wheel span:nth-child(10){transform:rotate(270deg) translateY(-98px);}
.astro-wheel span:nth-child(11){transform:rotate(300deg) translateY(-98px);}
.astro-wheel span:nth-child(12){transform:rotate(330deg) translateY(-98px);}

@keyframes astroRotate{to{transform:rotate(360deg);}}

.astro-panchang,
.zodiac-grid,
.astro-tools,
.planet-grid,
.astro-period-grid{
max-width:1180px;
margin:0 auto 24px;
display:grid;
gap:16px;
}

.astro-panchang{
grid-template-columns:repeat(6,minmax(0,1fr));
}

.astro-panchang article,
.zodiac-card,
.astro-tools article,
.planet-grid article,
.astro-period-grid article{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:16px;
box-shadow:0 14px 38px rgba(15,23,42,0.08);
}

.astro-panchang span,
.planet-grid span{
display:block;
font-size:11px;
font-weight:900;
text-transform:uppercase;
color:#7c3aed;
margin-bottom:6px;
}

.astro-panchang strong,
.planet-grid strong{
font-size:16px;
line-height:1.35;
}

.astro-section{
max-width:1180px;
margin:0 auto 24px;
}

.astro-section-head span{
color:#7c3aed;
font-weight:900;
text-transform:uppercase;
letter-spacing:0.08em;
font-size:12px;
}

.astro-section-head h2{
font-size:34px;
margin:6px 0 16px;
}

.zodiac-grid{
grid-template-columns:repeat(4,minmax(0,1fr));
}

.zodiac-card{
color:#111827;
text-decoration:none;
transition:transform .2s ease,box-shadow .2s ease;
}

.zodiac-card:hover{
transform:translateY(-4px);
box-shadow:0 22px 52px rgba(124,58,237,0.16);
}

.zodiac-top{
display:flex;
align-items:center;
gap:10px;
font-size:22px;
margin-bottom:10px;
}

.zodiac-top span{
display:grid;
place-items:center;
width:44px;
height:44px;
border-radius:50%;
background:linear-gradient(135deg,#ede9fe,#dbeafe);
}

.zodiac-card p{
font-size:14px;
line-height:1.65;
color:#475569;
}

.zodiac-lucky{
display:flex;
gap:8px;
margin:12px 0;
}

.zodiac-lucky span{
flex:1;
padding:8px;
border-radius:10px;
background:#f8fafc;
font-weight:800;
font-size:13px;
}

.zodiac-lucky b{
display:block;
font-size:10px;
color:#7c3aed;
text-transform:uppercase;
}

.astro-meter{
position:relative;
height:8px;
border-radius:999px;
background:#eef2ff;
margin:20px 0 8px;
}

.astro-meter label{
position:absolute;
top:-16px;
font-size:10px;
font-weight:900;
color:#64748b;
}

.astro-meter i{
display:block;
height:100%;
border-radius:999px;
background:linear-gradient(90deg,#7c3aed,#2563eb,#f59e0b);
}

.astro-tools{
grid-template-columns:repeat(3,minmax(0,1fr));
}

.astro-tools h2{
font-size:22px;
margin-bottom:12px;
}

.astro-tools form{
display:flex;
flex-direction:column;
gap:10px;
}

.astro-tools input{
border:1px solid #dbe3ef;
border-radius:10px;
padding:12px;
font:inherit;
}

.astro-tools button{
border:0;
border-radius:999px;
background:#7c3aed;
color:#fff;
padding:12px 16px;
font-weight:900;
cursor:pointer;
}

.astro-tools pre{
white-space:pre-wrap;
margin-top:12px;
padding:12px;
border-radius:12px;
background:#0f172a;
color:#e0e7ff;
font-size:12px;
max-height:260px;
overflow:auto;
}

.planet-grid{
grid-template-columns:repeat(4,minmax(0,1fr));
}

.planet-grid small{
display:block;
margin-top:6px;
color:#64748b;
font-weight:800;
}

.astro-sign-hero{
justify-content:flex-start;
}

.astro-sign-hero > span{
display:grid;
place-items:center;
width:92px;
height:92px;
border-radius:50%;
background:rgba(255,255,255,0.16);
font-size:48px;
}

.astro-sign-hero h1{
font-size:42px;
margin-bottom:8px;
}

.astro-period-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}

.astro-period-grid h2{
color:#7c3aed;
}

.astro-period-grid h3{
font-size:14px;
margin-top:12px;
color:#111827;
}

.astro-period-grid p{
color:#475569;
line-height:1.7;
}

@media(max-width:900px){
.astro-panchang,
.zodiac-grid,
.astro-tools,
.planet-grid,
.astro-period-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}

.astro-hero{
flex-direction:column;
align-items:flex-start;
}
}

@media(max-width:620px){
.astro-page{
padding:16px 12px;
}

.astro-panchang,
.zodiac-grid,
.astro-tools,
.planet-grid,
.astro-period-grid{
grid-template-columns:1fr;
}

.astro-wheel{
width:180px;
height:180px;
}
}

/* THEME TOGGLE */

.theme-toggle{
width:62px;
height:30px;
background:#cbd5e1;
border-radius:40px;
position:relative;
cursor:pointer;
display:flex;
align-items:center;
padding:4px;
transition:0.3s;
}

.toggle-circle{
width:22px;
height:22px;
background:white;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
transition:0.3s;
color:#f59e0b;
font-size:12px;
}

.theme-toggle.active{
background:#1e293b;
}

.theme-toggle.active .toggle-circle{
transform:translateX(30px);
background:#0f172a;
color:white;
}

/* LOGO */

.logo{
text-align:center;
font-size:clamp(28px,4vw,42px);
/* font-family:'Playfair Display',serif; */
font-family: 'highland-gothic', serif;
/* font-weight:700; */
padding:22px 15px;
border-bottom:1px solid #ddd;
line-height:1.3;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}

/* NAVBAR */

.navbar{
display:flex;
justify-content:center;
align-items:center;
flex-wrap:wrap;
gap:18px;
padding:14px 18px;
border-bottom:1px solid #ddd;
background:white;
z-index:999;
}

.navbar a{
text-decoration:none;
color:#111;
font-weight:600;
font-size:15px;
transition:0.3s;
white-space:nowrap;
}

.navbar a:hover{
color:#ef4444;
}

/* SEARCH */

.search-btn{
font-size:18px;
cursor:pointer;
color:#ef4444;
display:flex;
align-items:center;
justify-content:center;
gap:6px;
min-width:38px;
width:auto;
height:36px;
padding:0 9px;
border-radius:50%;
transition:0.3s;
font-weight:800;
}

.search-btn:hover{
background:#fef2f2;
}

.search-btn::after{
content:"Search";
font-size:13px;
color:#111827;
display:none;
}

@media (min-width: 900px){
.search-btn{
border-radius:999px;
}
.search-btn::after{
display:inline;
}
}

.news-empty-state{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:28px;
box-shadow:0 14px 35px rgba(15,23,42,.08);
}
.news-empty-state h2{
font-size:26px;
margin:0 0 8px;
color:#111827;
}
.news-empty-state p{
font-size:16px;
color:#64748b;
margin:0;
}

/* BREAKING */

.tmnn-trending-bar{
display:flex;
align-items:center;
gap:10px;
padding:10px 22px;
background:#ffffff;
border-bottom:1px solid #e5e7eb;
overflow:hidden;
}

.tmnn-trending-label{
position:relative;
display:flex;
align-items:center;
gap:8px;
height:36px;
padding:0 18px 0 14px;
border-radius:7px 18px 18px 7px;
background:#4b5563;
color:#fff;
font-weight:800;
font-size:14px;
white-space:nowrap;
box-shadow:0 8px 18px rgba(15,23,42,0.12);
}

.tmnn-trending-label::after{
content:"";
position:absolute;
right:-9px;
width:18px;
height:18px;
background:#4b5563;
transform:rotate(45deg);
border-radius:3px;
}

.tmnn-trending-label i{
color:#ef4444;
position:relative;
z-index:1;
}

.tmnn-trending-label span{
position:relative;
z-index:1;
}

.tmnn-trending-window{
flex:1;
overflow:hidden;
mask-image:linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
}

.tmnn-trending-track{
display:flex;
align-items:center;
gap:12px;
width:max-content;
animation:tmnnTrendingSlide 28s linear infinite;
}

.tmnn-trending-bar:hover .tmnn-trending-track{
animation-play-state:paused;
}

.tmnn-trending-chip{
display:inline-flex;
align-items:center;
min-height:34px;
padding:7px 18px;
border:1px solid #d1d5db;
border-radius:11px;
background:linear-gradient(180deg,#f8fafc,#e5e7eb);
color:#111827;
text-decoration:none;
font-size:14px;
font-weight:700;
white-space:nowrap;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.8);
}

.tmnn-trending-chip:hover{
color:#ef4444;
border-color:#fecaca;
}

.tmnn-trending-arrows{
display:flex;
gap:3px;
}

.tmnn-trending-arrows span{
display:grid;
place-items:center;
width:34px;
height:34px;
border:1px solid #d1d5db;
border-radius:8px;
background:#fff;
color:#111827;
}

body.dark-mode .tmnn-trending-bar{
background:#020617;
border-bottom-color:#1e293b;
}

body.dark-mode .tmnn-trending-chip{
background:linear-gradient(180deg,#1f2937,#111827);
border-color:#334155;
color:#f8fafc;
}

body.dark-mode .tmnn-trending-arrows span{
background:#111827;
border-color:#334155;
color:#f8fafc;
}

@keyframes tmnnTrendingSlide{
from{ transform:translateX(0); }
to{ transform:translateX(-50%); }
}

.breaking-news{
display:flex;
align-items:center;
background:#ef4444;
color:white;
padding:8px 0;
overflow:hidden;
}

.breaking-title{
background:#991b1b;
padding:10px 18px;
font-weight:700;
font-size:14px;
white-space:nowrap;
}

.breaking-text{
flex:1;
padding-left:12px;
font-size:14px;
}

/* MAIN */

.container{
display:grid;
grid-template-columns:1fr 2fr 1fr;
gap:22px;
padding:25px;
align-items:start;
}

/* SIDEBAR */

.sidebar{
display:flex;
flex-direction:column;
gap:18px;
}

.side-news{
display:flex;
gap:10px;
text-decoration:none;
color:inherit;
transition:0.3s;
}

.side-news:hover{
transform:translateX(4px);
}

.side-news img{
width:100px;
height:78px;
border-radius:12px;
object-fit:cover;
}

.side-news span{
font-size:11px;
font-weight:700;
color:#ef4444;
}

.side-news h4{
font-size:14px;
margin-top:4px;
line-height:1.4;
}

/* HERO */

.hero-news img{
width:100%;
height:420px;
object-fit:cover;
border-radius:18px;
}

.hero-news h1{
font-size:38px;
margin-top:18px;
line-height:1.25;
}

.hero-news p{
margin-top:12px;
color:#555;
font-size:16px;
line-height:1.7;
}

/* GRID */

.grid-news{
display:grid;
grid-template-columns:1fr 1fr;
gap:18px;
margin-top:28px;
}

.card{
background:white;
border-radius:18px;
overflow:hidden;
box-shadow:0 4px 12px rgba(0,0,0,0.08);
transition:0.3s;
text-decoration:none;
color:inherit;
}

.card:hover{
transform:translateY(-5px);
}

.card img{
width:100%;
height:200px;
object-fit:cover;
}

.card-content{
padding:16px;
}

.card-content span{
color:#ef4444;
font-size:11px;
font-weight:700;
}

.card-content h3{
margin-top:8px;
font-size:20px;
line-height:1.4;
}

.card-content p{
margin-top:10px;
color:#666;
font-size:14px;
line-height:1.6;
}

.mobile-feed-ad{
display:none;
text-decoration:none;
color:inherit;
background:linear-gradient(135deg,#fff7ed,#eff6ff);
border:1px solid rgba(239,68,68,0.18);
border-radius:18px;
overflow:hidden;
box-shadow:0 16px 36px rgba(15,23,42,0.12);
position:relative;
}

.mobile-feed-ad span{
position:absolute;
top:10px;
left:10px;
z-index:2;
background:#ef4444;
color:white;
font-size:11px;
font-weight:900;
padding:6px 10px;
border-radius:999px;
text-transform:uppercase;
letter-spacing:0.06em;
}

.mobile-feed-ad img,
.mobile-feed-ad video{
width:100%;
height:220px;
object-fit:cover;
display:block;
background:#111827;
}

.mobile-feed-ad strong{
display:block;
padding:14px 16px;
font-size:18px;
line-height:1.35;
}

/* RIGHTBAR */

.rightbar{
display:flex;
flex-direction:column;
gap:18px;
}

.stock-mobile-widget-slot{
display:none;
}

/* ADS */

.ad-link{
display:block;
text-decoration:none;
}

.ad-slider-container{
width:100%;
position:relative;
overflow:hidden;
}

.ad-slider{
position:relative;
width:100%;
height:330px;
}

.ad-slide{
position:absolute;
inset:0;
opacity:0;
pointer-events:none;
transition:opacity 0.8s ease;
}

.active-ad{
opacity:1;
pointer-events:auto;
}

.live-ad{
width:100%;
height:280px;
object-fit:cover;
border-radius:18px;
transition:0.3s;
background:black;
}

.live-ad:hover{
transform:scale(1.02);
}

.ad-title{
margin-top:10px;
font-size:18px;
font-weight:700;
text-align:center;
line-height:1.4;
color:#111;
}

/* FEATURED */

.featured-videos h2{
margin-bottom:18px;
font-size:24px;
}

.video-card{
display:block;
margin-bottom:18px;
text-decoration:none;
color:inherit;
}

.video-card img{
width:100%;
height:180px;
object-fit:cover;
border-radius:14px;
}

.video-card p{
margin-top:8px;
font-weight:600;
font-size:15px;
line-height:1.5;
}

/* FOOTER */

.site-footer{
background:#fff;
color:#111827;
padding:86px clamp(20px,8vw,150px) 58px;
margin-top:40px;
border-top:1px solid #f1f5f9;
}

.site-footer-inner{
display:grid;
grid-template-columns:minmax(260px,1.4fr) repeat(3,minmax(150px,0.45fr));
gap:56px;
align-items:start;
max-width:1500px;
margin:0 auto 70px;
}

.site-footer-brand h2{
font-size:clamp(28px,3vw,46px);
line-height:1.1;
font-weight:900;
letter-spacing:-0.02em;
text-transform:lowercase;
}

.site-footer-column{
display:grid;
gap:18px;
}

.site-footer-column h3{
font-size:24px;
line-height:1.1;
font-weight:900;
margin-bottom:8px;
}

.site-footer-column a{
text-decoration:none;
color:#111827;
font-size:20px;
line-height:1.25;
font-weight:500;
transition:0.2s;
}

.site-footer-column a:hover{
color:#ef4444;
transform:translateX(3px);
}

.site-footer-bottom{
max-width:1500px;
margin:0 auto;
padding-top:28px;
border-top:1px solid #d9dee7;
display:grid;
grid-template-columns:1fr auto;
gap:30px;
align-items:start;
}

.site-footer-bottom p{
font-size:17px;
font-weight:500;
}

.site-footer-credit{
display:grid;
gap:18px;
justify-items:end;
}

.site-footer-icons{
display:flex;
gap:18px;
align-items:center;
}

.site-footer-icons a{
color:#050505;
font-size:30px;
line-height:1;
text-decoration:none;
transition:0.2s;
}

.site-footer-icons a:hover{
color:#ef4444;
transform:translateY(-3px);
}

.site-footer-credit-btn{
border:0;
background:transparent;
color:#ef4444;
font-size:16px;
font-weight:400;
letter-spacing:0;
cursor:pointer;
padding:4px 0;
position:relative;
}

.site-footer-credit-btn::after{
display:none;
}

.site-footer-credit-btn:hover{
color:#b91c1c;
}

.profile-modal-open{
overflow:hidden;
}

.aman-profile-modal{
position:fixed;
inset:0;
z-index:100000;
display:none;
align-items:center;
justify-content:center;
padding:18px;
}

.aman-profile-modal.active{
display:flex;
}

.aman-profile-backdrop{
position:absolute;
inset:0;
background:rgba(2,6,23,0.72);
backdrop-filter:blur(10px);
}

.aman-profile-card{
position:relative;
width:min(460px,100%);
background:
linear-gradient(145deg,rgba(255,255,255,0.96),rgba(248,250,252,0.93));
border:1px solid rgba(148,163,184,0.28);
border-radius:26px;
box-shadow:0 30px 90px rgba(2,6,23,0.35);
padding:22px;
overflow:hidden;
animation:profilePop 0.22s ease;
}

.aman-profile-card::before{
content:"";
position:absolute;
inset:0 0 auto 0;
height:110px;
background:linear-gradient(135deg,#ef4444,#2563eb);
opacity:0.14;
pointer-events:none;
}

.aman-profile-close{
position:absolute;
top:14px;
right:14px;
z-index:2;
width:36px;
height:36px;
border:0;
border-radius:50%;
background:rgba(15,23,42,0.9);
color:white;
cursor:pointer;
}

.aman-profile-hero{
position:relative;
display:grid;
grid-template-columns:112px 1fr;
gap:18px;
align-items:center;
margin-bottom:18px;
}

.aman-profile-hero img{
width:112px;
height:112px;
border-radius:28px;
object-fit:cover;
box-shadow:0 18px 40px rgba(15,23,42,0.22);
border:4px solid white;
background:#e5e7eb;
}

.aman-profile-kicker{
display:inline-block;
font-size:11px;
font-weight:900;
letter-spacing:0.08em;
text-transform:uppercase;
color:#ef4444;
margin-bottom:8px;
}

.aman-profile-hero h2{
font-size:30px;
line-height:1;
font-weight:900;
margin-bottom:8px;
}

.aman-profile-hero p{
font-size:14px;
font-weight:800;
line-height:1.45;
color:#334155;
}

.aman-profile-copy{
display:grid;
gap:10px;
margin:16px 0 20px;
}

.aman-profile-copy p{
font-size:15px;
line-height:1.65;
color:#475569;
font-weight:600;
}

.aman-profile-actions{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
}

.aman-profile-actions a{
display:flex;
align-items:center;
justify-content:center;
gap:9px;
text-decoration:none;
border-radius:14px;
padding:13px 14px;
font-weight:900;
color:white;
background:#111827;
box-shadow:0 12px 28px rgba(15,23,42,0.18);
transition:0.2s;
}

.aman-profile-actions a:first-child{
background:linear-gradient(135deg,#f97316,#db2777,#7c3aed);
}

.aman-profile-actions a:last-child{
background:#16a34a;
}

.aman-profile-actions a:hover{
transform:translateY(-2px);
filter:brightness(1.05);
}

@keyframes profilePop{
from{opacity:0;transform:translateY(14px) scale(0.98);}
to{opacity:1;transform:translateY(0) scale(1);}
}

/* SEARCH OVERLAY */

.search-overlay{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(255,255,255,0.96);
z-index:99999;
display:none;
justify-content:center;
padding-top:60px;
overflow-y:auto;
}

.search-box{
width:75%;
max-width:1100px;
}

.search-top{
display:flex;
align-items:center;
gap:15px;
}

.search-top input{
flex:1;
padding:18px 20px;
font-size:18px;
border:none;
border-radius:14px;
background:#f1f5f9;
outline:none;
font-weight:500;
}

.search-top button{
padding:16px 24px;
background:#ef4444;
border:none;
color:white;
font-size:15px;
font-weight:700;
border-radius:12px;
cursor:pointer;
}

.search-top i{
font-size:30px;
cursor:pointer;
}

.trending-search{
margin-top:20px;
background:white;
padding:22px;
border-radius:18px;
}

.trending-search h2{
margin-bottom:15px;
font-size:20px;
font-weight:700;
}

.search-item{
display:block;
padding:14px 0;
border-bottom:1px solid #e5e7eb;
font-size:17px;
text-decoration:none;
color:#111827;
font-weight:500;
line-height:1.5;
transition:0.3s;
}

.search-item:hover{
color:#ef4444;
padding-left:6px;
}

/* ARTICLE */

.article-page{
max-width:1000px;
margin:50px auto;
padding:20px;
}

.article-image{
width:100%;
height:500px;
object-fit:cover;
border-radius:20px;
}

.article-content{
margin-top:30px;
}

.article-category{
display:inline-block;
background:#ef4444;
color:white;
padding:8px 18px;
border-radius:30px;
margin-bottom:20px;
font-weight:700;
font-size:13px;
}

.article-content h1{
font-size:40px;
line-height:1.3;
margin-bottom:18px;
}

.article-content h3{
font-size:21px;
color:#555;
margin-bottom:20px;
line-height:1.6;
}

.article-content p{
font-size:18px;
line-height:1.8;
margin-bottom:20px;
}

.back-btn{
display:inline-block;
padding:12px 22px;
background:#111827;
color:white;
text-decoration:none;
border-radius:12px;
font-weight:600;
}

/* ADVANCED ARTICLE PAGE */

.reading-progress{
position:fixed;
top:0;
left:0;
height:4px;
width:0;
z-index:100000;
background:#ef4444;
box-shadow:0 0 14px rgba(239,68,68,0.55);
}

.article-topbar,
.article-navbar{
background:#111827;
border-color:#1f2937;
}

.article-logo{
background:#020617;
color:white;
border-color:#1f2937;
font-size:clamp(32px,5vw,54px);
padding:38px 15px;
white-space:normal;
overflow:visible;
text-overflow:clip;
}

.article-navbar a{
color:white;
font-size:18px;
}

.article-language-pill{
background:white;
color:#020617;
padding:8px 10px;
border-radius:50%;
font-weight:800;
font-size:14px;
cursor:pointer;
user-select:none;
transition:transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease;
}

.article-language-text{
font-weight:800;
font-size:18px;
cursor:pointer;
user-select:none;
transition:color .18s ease;
}

.article-language-pill:hover,
.article-language-pill.hindi-active{
background:#ef4444;
color:#fff;
box-shadow:0 8px 24px rgba(239,68,68,.28);
transform:translateY(-1px);
}

.article-language-text.hindi-active{
color:#ef4444;
}

body.tmnn-hindi-active .goog-te-banner-frame,
body.tmnn-hindi-active iframe.goog-te-banner-frame,
body.tmnn-hindi-active > .skiptranslate{
display:none!important;
visibility:hidden!important;
height:0!important;
}

.article-shell{
background:#fff;
color:#111827;
padding:18px 20px 50px;
}

.article-breadcrumb{
max-width:1280px;
margin:0 auto 18px;
display:flex;
align-items:center;
gap:10px;
font-size:13px;
color:#6b7280;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}

.article-breadcrumb a{
color:#111827;
text-decoration:none;
font-weight:600;
}

.article-trending-row{
max-width:1280px;
margin:0 auto 22px;
display:flex;
align-items:center;
gap:12px;
overflow-x:auto;
padding-bottom:4px;
}

.article-trending-row span{
background:#f3f4f6;
border-radius:8px;
padding:8px 14px;
font-size:13px;
font-weight:700;
white-space:nowrap;
}

.article-trending-row .article-trending-pill{
background:#111827;
color:white;
}

.article-story{
max-width:1280px;
margin:0 auto;
}

.article-headline h1{
font-size:36px;
line-height:1.22;
max-width:1100px;
margin:14px 0 14px;
letter-spacing:0;
}

.article-category-pill{
display:inline-block;
background:#ef4444;
color:white;
padding:8px 14px;
border-radius:30px;
font-weight:800;
font-size:12px;
}

.article-meta-row{
display:flex;
align-items:center;
gap:8px;
flex-wrap:wrap;
color:#4b5563;
font-size:14px;
font-weight:500;
margin-bottom:24px;
}

.article-actions{
margin-left:auto;
display:flex;
gap:10px;
flex-wrap:wrap;
}

.article-actions button{
width:auto;
padding:8px 12px;
border:1px solid #d1d5db;
border-radius:6px;
background:white;
color:#111827;
font-size:13px;
font-weight:700;
cursor:pointer;
}

.article-voice-reader{
display:flex;
align-items:center;
justify-content:space-between;
gap:14px;
margin:6px 0 26px;
padding:14px;
border:1px solid rgba(239,68,68,0.16);
border-radius:16px;
background:linear-gradient(135deg,rgba(239,68,68,0.08),rgba(37,99,235,0.08));
box-shadow:0 14px 34px rgba(15,23,42,0.08);
}

.voice-primary-btn{
display:flex;
align-items:center;
gap:10px;
min-height:48px;
border:0;
border-radius:14px;
padding:10px 16px;
background:#111827;
color:white;
font-weight:900;
cursor:pointer;
box-shadow:0 12px 28px rgba(17,24,39,0.22);
transition:transform 0.2s ease, box-shadow 0.2s ease;
}

.voice-primary-btn:hover{
transform:translateY(-2px);
box-shadow:0 18px 34px rgba(17,24,39,0.28);
}

.voice-primary-btn i{
width:32px;
height:32px;
border-radius:50%;
display:grid;
place-items:center;
background:#ef4444;
}

.voice-primary-btn small{
display:block;
font-size:11px;
font-weight:700;
color:#cbd5e1;
}

.voice-inline-controls{
display:flex;
align-items:center;
justify-content:flex-end;
gap:8px;
flex-wrap:wrap;
}

.voice-inline-controls button{
border:1px solid #dbe3ef;
border-radius:999px;
background:white;
color:#111827;
padding:12px 18px;
font-size:14px;
font-weight:900;
cursor:pointer;
transition:background 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.voice-inline-controls button:hover{
background:#2563eb;
color:white;
transform:translateY(-1px);
}

.voice-inline-controls button:first-child{
background:#2563eb;
border-color:#2563eb;
color:white;
}

.voice-inline-controls button:last-child{
background:#111827;
border-color:#111827;
color:white;
}

.voice-playing .voice-primary-btn i,
.voice-playing .voice-inline-controls button:first-child{
animation:voicePulse 1.2s ease-in-out infinite;
}

.voice-active-sentence{
background:linear-gradient(90deg,rgba(250,204,21,0.48),rgba(239,68,68,0.18));
box-shadow:0 0 0 4px rgba(250,204,21,0.16);
border-radius:6px;
transition:background 0.25s ease, box-shadow 0.25s ease;
}

.article-comments-drawer{
position:fixed;
inset:0;
z-index:1000;
display:flex;
justify-content:flex-end;
align-items:stretch;
background:rgba(15,23,42,0);
opacity:0;
pointer-events:none;
transition:opacity .22s ease, background .22s ease;
}

.article-comments-drawer.active{
opacity:1;
pointer-events:auto;
background:rgba(15,23,42,.38);
}

.article-comments-panel{
width:min(420px,calc(100vw - 22px));
height:calc(100vh - 24px);
margin:12px;
display:flex;
flex-direction:column;
overflow:hidden;
border:1px solid rgba(226,232,240,.9);
border-radius:22px;
background:rgba(255,255,255,.96);
box-shadow:0 28px 70px rgba(15,23,42,.26);
transform:translateX(110%);
transition:transform .28s cubic-bezier(.2,.8,.2,1);
backdrop-filter:blur(16px);
}

.article-comments-drawer.active .article-comments-panel{
transform:translateX(0);
}

.article-comments-head{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
padding:18px 18px 12px;
border-bottom:1px solid #e5e7eb;
background:linear-gradient(135deg,#fff,#f8fafc);
}

.article-comments-head span{
display:block;
font-size:12px;
font-weight:900;
letter-spacing:.08em;
text-transform:uppercase;
color:#ef4444;
}

.article-comments-head strong{
display:block;
font-size:22px;
line-height:1.15;
color:#111827;
}

#articleCommentsClose{
width:36px;
height:36px;
border:0;
border-radius:50%;
background:#111827;
color:#fff;
font-size:22px;
line-height:1;
cursor:pointer;
}

.article-comment-form{
display:grid;
grid-template-columns:1fr auto;
gap:10px;
padding:14px 18px;
border-bottom:1px solid #eef2f7;
background:#fff;
}

.article-comment-form input,
.article-comment-form textarea{
width:100%;
border:1px solid #dbe3ef;
border-radius:14px;
background:#f8fafc;
color:#111827;
font:inherit;
outline:0;
}

.article-comment-form input{
grid-column:1 / -1;
padding:12px 14px;
}

.article-comment-form textarea{
min-height:74px;
resize:vertical;
padding:12px 14px;
}

.article-comment-form button{
align-self:end;
border:0;
border-radius:14px;
padding:12px 16px;
background:linear-gradient(135deg,#ef4444,#2563eb);
color:white;
font-weight:900;
cursor:pointer;
}

.article-comment-list{
flex:1;
overflow-y:auto;
padding:16px 18px 20px;
display:flex;
flex-direction:column;
gap:14px;
background:#f8fafc;
}

.article-comment-item{
display:grid;
grid-template-columns:42px 1fr;
gap:12px;
padding:12px;
border:1px solid rgba(226,232,240,.9);
border-radius:18px;
background:white;
box-shadow:0 8px 20px rgba(15,23,42,.06);
}

.article-comment-avatar{
width:42px;
height:42px;
border-radius:50%;
display:grid;
place-items:center;
background:linear-gradient(135deg,#bfdbfe,#bbf7d0);
color:#0f172a;
font-weight:900;
font-size:18px;
}

.article-comment-meta{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
margin-bottom:6px;
}

.article-comment-meta strong{
font-size:14px;
color:#111827;
}

.article-comment-meta span{
font-size:11px;
color:#64748b;
white-space:nowrap;
}

.article-comment-body p{
margin:0;
font-size:14px;
line-height:1.55;
color:#111827;
}

.article-comment-actions{
display:flex;
gap:8px;
margin-top:10px;
}

.article-comment-actions button{
border:1px solid #e5e7eb;
border-radius:999px;
background:#fff;
color:#334155;
padding:6px 10px;
font-size:12px;
font-weight:800;
cursor:pointer;
}

@keyframes voicePulse{
0%,100%{box-shadow:0 0 0 0 rgba(239,68,68,0.42);}
50%{box-shadow:0 0 0 12px rgba(239,68,68,0);}
}

.article-layout{
display:grid;
grid-template-columns:minmax(0,calc(100% - 348px)) minmax(280px,320px);
gap:28px;
align-items:start;
width:100%;
max-width:100%;
overflow:hidden;
}

.article-top-stories-carousel{
margin:0 0 26px;
overflow:hidden;
border:1px solid #e5e7eb;
border-radius:16px;
background:#f9fafb;
padding:16px;
}

.article-carousel-head{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
margin-bottom:12px;
}

.article-carousel-head h2{
font-size:20px;
line-height:1.2;
}

.article-carousel-head span{
font-size:12px;
font-weight:800;
color:#6b7280;
}

.article-carousel-track{
display:flex;
gap:14px;
width:max-content;
animation:articleCarouselMove 32s linear infinite;
}

.article-top-stories-carousel:hover .article-carousel-track{
animation-play-state:paused;
}

.article-carousel-card{
width:310px;
display:grid;
grid-template-columns:96px 1fr;
gap:12px;
align-items:center;
text-decoration:none;
color:#111827;
background:white;
border:1px solid #e5e7eb;
border-radius:12px;
padding:10px;
box-shadow:0 10px 24px rgba(15,23,42,0.08);
}

.article-carousel-card img{
width:96px;
height:76px;
border-radius:10px;
object-fit:cover;
}

.article-carousel-card span{
font-size:11px;
font-weight:900;
color:#ef4444;
}

.article-carousel-card p{
font-size:14px;
line-height:1.35;
font-weight:800;
margin:3px 0;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
}

.article-carousel-card small{
color:#4b5563;
font-size:12px;
}

@keyframes articleCarouselMove{
from{transform:translateX(0);}
to{transform:translateX(-50%);}
}

.article-sticky-share{
display:none!important;
}

.article-side-list{
position:sticky;
top:16px;
display:flex;
flex-direction:column;
gap:16px;
}

.article-side-list h2,
.article-more-box h2{
font-size:18px;
margin-bottom:4px;
}

.article-side-card{
display:grid;
grid-template-columns:86px 1fr;
gap:12px;
text-decoration:none;
color:inherit;
}

.article-side-card img{
width:86px;
height:72px;
object-fit:cover;
border-radius:10px;
}

.article-side-card span{
font-size:11px;
color:#ef4444;
font-weight:800;
}

.article-side-card p{
font-size:14px;
line-height:1.35;
font-weight:800;
margin:3px 0;
}

.article-side-card small{
color:#4b5563;
font-size:12px;
}

.article-main-column{
min-width:0;
max-width:100%;
overflow:hidden;
}

.article-lead-grid{
display:grid;
grid-template-columns:minmax(0,0.85fr) minmax(0,1fr);
gap:22px;
align-items:start;
margin-bottom:14px;
min-width:0;
max-width:100%;
}

.article-main-image{
width:100%;
max-width:100%;
height:310px;
object-fit:cover;
border-radius:10px;
display:block;
min-width:0;
}

.article-lead-text p{
font-size:18px;
line-height:1.75;
font-weight:500;
margin:0;
overflow-wrap:anywhere;
}

.article-youtube-card{
background:#f5f7ff;
border-radius:12px;
padding:12px;
margin:18px 0;
}

.article-watch-label{
display:flex;
align-items:center;
gap:10px;
margin-bottom:10px;
font-size:14px;
line-height:1.4;
}

.article-watch-label span{
color:#ef4444;
font-weight:800;
}

.article-video-frame{
position:relative;
width:100%;
aspect-ratio:16 / 9;
overflow:hidden;
border-radius:10px;
background:#111827;
}

.article-video-frame iframe{
position:absolute;
inset:0;
width:100%;
height:100%;
border:0;
}

.article-video-placeholder{
position:absolute;
inset:0;
display:block;
color:white;
text-decoration:none;
}

.article-video-placeholder img{
width:100%;
height:100%;
object-fit:cover;
filter:brightness(0.72);
}

.article-video-placeholder span{
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
width:64px;
height:64px;
border-radius:50%;
background:rgba(17,24,39,0.85);
display:flex;
align-items:center;
justify-content:center;
font-size:24px;
box-shadow:0 8px 24px rgba(0,0,0,0.35);
}

.article-body-copy p{
font-size:17px;
line-height:1.78;
margin:0 0 18px;
color:#1f2937;
overflow-wrap:anywhere;
}

.article-inline-ad{
margin:24px 0;
}

.article-inline-ad-label{
font-size:11px;
font-weight:800;
letter-spacing:0.08em;
text-transform:uppercase;
color:#6b7280;
text-align:center;
margin-bottom:8px;
}

.article-ad-slider{
position:relative;
height:260px;
overflow:hidden;
border-radius:12px;
background:#f3f4f6;
}

.article-ad-slide{
position:absolute;
inset:0;
opacity:0;
pointer-events:none;
transition:opacity 0.8s ease;
text-decoration:none;
color:inherit;
}

.active-article-ad{
opacity:1;
pointer-events:auto;
}

.article-ad-media{
width:100%;
height:100%;
object-fit:cover;
display:block;
}

.article-ad-title{
position:absolute;
left:14px;
right:14px;
bottom:14px;
background:rgba(0,0,0,0.72);
color:white;
padding:9px 12px;
border-radius:8px;
font-size:14px;
font-weight:800;
}

.article-right-rail{
position:sticky;
top:16px;
display:flex;
flex-direction:column;
gap:20px;
min-width:0;
max-width:100%;
}

.article-rail-ad{
border-radius:20px;
overflow:hidden;
background:#f3f4f6;
box-shadow:0 8px 24px rgba(15,23,42,0.12);
padding:10px;
}

.article-rail-ad .article-ad-slider{
height:330px;
border-radius:16px;
}

.article-rail-ad a{
display:block;
text-decoration:none;
color:#111827;
}

.article-rail-ad .article-ad-title{
font-size:13px;
}

.article-rail-ad-slider{
min-height:370px;
}

.article-more-box{
background:#f9fafb;
border:1px solid #e5e7eb;
border-radius:12px;
padding:16px;
}

.article-more-box a{
display:grid;
grid-template-columns:76px 1fr;
gap:10px;
align-items:center;
padding:10px 0;
border-bottom:1px solid #e5e7eb;
text-decoration:none;
color:#111827;
}

.article-more-box a:last-child{
border-bottom:0;
}

.article-more-box img{
width:76px;
height:58px;
object-fit:cover;
border-radius:8px;
}

.article-more-box span{
font-size:13px;
line-height:1.35;
font-weight:800;
}

.dark-mode .article-shell{
background:#020617;
color:white;
}

.dark-mode .article-breadcrumb,
.dark-mode .article-meta-row,
.dark-mode .article-side-card small{
color:#cbd5e1;
}

.dark-mode .article-breadcrumb a,
.dark-mode .article-body-copy p,
.dark-mode .article-lead-text p,
.dark-mode .article-more-box a{
color:white;
}

.dark-mode .article-trending-row span,
.dark-mode .article-actions button,
.dark-mode .article-voice-reader,
.dark-mode .voice-inline-controls button,
.dark-mode .article-more-box,
.dark-mode .article-top-stories-carousel,
.dark-mode .article-carousel-card{
background:#111827;
color:white;
border-color:#1f2937;
}

.dark-mode .article-voice-reader{
background:linear-gradient(135deg,rgba(239,68,68,0.13),rgba(37,99,235,0.13));
}

.dark-mode .article-youtube-card{
background:#111827;
}

.dark-mode .article-comments-panel,
.dark-mode .article-comments-head,
.dark-mode .article-comment-form,
.dark-mode .article-comment-list,
.dark-mode .article-comment-item{
background:#111827;
border-color:#1f2937;
}

.dark-mode .article-comments-head strong,
.dark-mode .article-comment-meta strong,
.dark-mode .article-comment-body p{
color:white;
}

.dark-mode .article-comment-form input,
.dark-mode .article-comment-form textarea,
.dark-mode .article-comment-actions button{
background:#0f172a;
border-color:#263244;
color:white;
}

.dark-mode .article-carousel-head span,
.dark-mode .article-carousel-card small{
color:#cbd5e1;
}

@media(max-width:1100px){

.article-layout{
grid-template-columns:1fr;
}

.article-side-list,
.article-right-rail{
position:static;
}

.article-side-list{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
}

.article-side-list h2{
grid-column:1 / -1;
}

.article-lead-grid{
grid-template-columns:1fr;
}

.article-actions{
margin-left:0;
}

.article-voice-reader{
align-items:flex-start;
flex-direction:column;
}

.voice-inline-controls{
justify-content:flex-start;
}

}

@media(max-width:700px){

.topbar{
padding:8px 10px;
gap:8px;
align-items:flex-start;
display:grid;
grid-template-columns:minmax(0,1fr) auto;
}

.left-top{
font-size:12px;
gap:6px;
min-width:0;
align-content:flex-start;
display:flex;
flex-wrap:wrap;
}

.right-top{
display:flex;
align-items:center;
justify-content:flex-end;
gap:8px;
flex-wrap:nowrap;
min-width:max-content;
}

.right-top a{
font-size:16px;
}

.article-language-pill{
font-size:12px;
padding:7px 8px;
}

.theme-toggle{
width:54px;
height:32px;
min-width:54px;
}

.tmnn-live-widgets{
width:100%;
margin-left:0;
gap:6px;
display:grid;
grid-template-columns:minmax(92px,1fr) minmax(150px,1.25fr);
align-items:stretch;
}

.tmnn-live-pill{
font-size:11px;
min-height:28px;
padding:6px 8px;
min-width:0;
overflow:hidden;
}

.tmnn-weather-pill{
grid-column:1 / 2;
max-width:100%;
}

.tmnn-weather-pill .tmnn-live-city{
max-width:66px;
overflow:hidden;
text-overflow:ellipsis;
}

.tmnn-weather-pill .tmnn-live-weather{
font-size:12px;
font-weight:800;
letter-spacing:-.2px;
}

.tmnn-weather-state-icon{
font-size:13px;
}

.tmnn-metal-pill{
display:inline-flex;
max-width:100%;
}

#tmnnGoldWidget{
grid-column:2 / 3;
grid-row:1 / span 2;
align-self:stretch;
}

#tmnnSilverWidget{
grid-column:1 / 2;
}

.tmnn-metal-pill small{
display:none;
}

.tmnn-metal-lines span{
gap:4px;
font-size:10px;
}

.logo,
.article-logo{
font-size:clamp(21px,7.3vw,34px);
line-height:1.1;
padding:14px 8px 16px;
white-space:normal;
overflow:visible;
text-overflow:clip;
}

.navbar{
gap:10px;
padding:12px 8px;
}

.navbar a{
font-size:13px;
}

.tmnn-trending-bar{
padding:8px 10px;
gap:8px;
}

.tmnn-trending-label{
height:32px;
font-size:12px;
padding:0 14px 0 11px;
}

.tmnn-trending-chip{
min-height:31px;
font-size:12px;
padding:6px 13px;
}

.tmnn-trending-arrows{
display:none;
}

.article-navbar{
grid-template-columns:repeat(3,1fr);
}

.article-navbar a{
font-size:13px;
}

.article-shell{
padding:14px 14px 36px;
}

.article-headline h1{
font-size:27px;
}

.article-voice-reader{
padding:12px;
border-radius:14px;
}

.voice-primary-btn{
width:100%;
justify-content:center;
}

.voice-inline-controls{
width:100%;
display:grid;
grid-template-columns:1fr 1fr;
}

.article-meta-row{
align-items:flex-start;
}

.article-side-list{
grid-template-columns:1fr;
}

.article-main-image{
height:240px;
}

.article-lead-text p,
.article-body-copy p{
font-size:15px;
line-height:1.75;
}

.article-ad-slider{
height:220px;
}

.article-carousel-card{
width:280px;
grid-template-columns:84px 1fr;
}

.article-carousel-card img{
width:84px;
height:68px;
}

.article-rail-ad .article-ad-slider{
height:260px;
}

.article-rail-ad-slider{
min-height:300px;
}

.article-comments-panel{
width:calc(100vw - 16px);
height:calc(100dvh - 16px);
margin:8px;
border-radius:18px;
}

.article-comment-form{
grid-template-columns:1fr;
}

}

/* DARK MODE */

.dark-mode{
background:#020617;
color:white;
}

.dark-mode .navbar{
background:#0f172a;
border-color:#1e293b;
}

.dark-mode .navbar a{
color:white;
}

.dark-mode .logo{
color:white;
border-color:#1e293b;
}

.dark-mode .card{
background:#111827;
}

.dark-mode .card-content p{
color:#cbd5e1;
}

.sports-rss-page{
background:#f8fafc;
color:#111827;
padding:34px 20px 54px;
}

.sports-rss-header{
max-width:1180px;
margin:0 auto 26px;
}

.sports-rss-header span{
display:inline-flex;
align-items:center;
gap:8px;
padding:7px 12px;
border-radius:999px;
background:#ef4444;
color:white;
font-size:12px;
font-weight:900;
text-transform:uppercase;
letter-spacing:0.04em;
}

.sports-rss-header h1{
font-size:42px;
line-height:1.12;
margin:14px 0 8px;
letter-spacing:0;
}

.sports-rss-header p{
max-width:720px;
color:#4b5563;
font-size:16px;
line-height:1.7;
font-weight:600;
}

.sports-rss-grid{
max-width:1180px;
margin:0 auto;
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:20px;
align-items:stretch;
}

.sports-rss-card{
display:flex;
flex-direction:column;
min-width:0;
border:1px solid #e5e7eb;
border-radius:14px;
overflow:hidden;
background:white;
box-shadow:0 16px 36px rgba(15,23,42,0.08);
}

.sports-rss-media{
position:relative;
aspect-ratio:16 / 10;
background:#111827;
overflow:hidden;
}

.sports-rss-media img,
.sports-rss-media video{
width:100%;
height:100%;
object-fit:cover;
display:block;
}

.sports-rss-placeholder{
width:100%;
height:100%;
display:grid;
place-items:center;
color:white;
font-size:40px;
background:linear-gradient(135deg,#111827,#ef4444);
}

.sports-rss-content{
display:flex;
flex-direction:column;
gap:10px;
padding:16px;
flex:1;
}

.sports-rss-meta{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
color:#6b7280;
font-size:12px;
font-weight:900;
text-transform:uppercase;
}

.sports-rss-meta span{
color:#ef4444;
}

.sports-rss-content h2{
font-size:18px;
line-height:1.35;
letter-spacing:0;
}

.sports-rss-content p{
color:#4b5563;
font-size:14px;
line-height:1.62;
font-weight:500;
display:-webkit-box;
-webkit-line-clamp:3;
-webkit-box-orient:vertical;
overflow:hidden;
}

.sports-read-more{
margin-top:auto;
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
width:max-content;
max-width:100%;
padding:10px 14px;
border-radius:999px;
background:#111827;
color:white;
text-decoration:none;
font-size:13px;
font-weight:900;
}

.sports-empty-state{
grid-column:1 / -1;
padding:44px 20px;
text-align:center;
border:1px dashed #cbd5e1;
border-radius:16px;
background:white;
}

.sports-empty-state i{
font-size:34px;
color:#ef4444;
margin-bottom:12px;
}

.dark-mode .sports-rss-page{
background:#020617;
color:white;
}

.dark-mode .sports-rss-header p,
.dark-mode .sports-rss-content p,
.dark-mode .sports-rss-meta{
color:#cbd5e1;
}

.dark-mode .sports-rss-card,
.dark-mode .sports-empty-state{
background:#111827;
border-color:#1f2937;
}

.dark-mode .sports-read-more{
background:#ef4444;
}

.sports-article-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:28px;
align-items:start;
background:#f8fafc;
color:#111827;
padding:34px 20px 54px;
}

.sports-article-shell{
max-width:880px;
justify-self:end;
width:100%;
background:white;
border:1px solid #e5e7eb;
border-radius:18px;
padding:28px;
box-shadow:0 20px 48px rgba(15,23,42,0.08);
}

.sports-article-kicker{
display:flex;
align-items:center;
gap:10px;
flex-wrap:wrap;
font-size:12px;
font-weight:900;
text-transform:uppercase;
color:#6b7280;
}

.sports-article-kicker a,
.sports-article-kicker span{
padding:7px 11px;
border-radius:999px;
background:#f3f4f6;
color:#111827;
text-decoration:none;
}

.sports-article-kicker a{
background:#ef4444;
color:white;
}

.sports-article-shell h1{
font-size:42px;
line-height:1.16;
letter-spacing:0;
margin:18px 0 14px;
}

.sports-article-meta{
display:flex;
align-items:center;
gap:12px;
flex-wrap:wrap;
color:#4b5563;
font-size:14px;
font-weight:700;
}

.sports-share-row{
display:flex;
align-items:center;
gap:10px;
flex-wrap:wrap;
margin:18px 0;
}

.sports-share-row button,
.sports-share-row a,
.sports-source-credit a{
border:0;
border-radius:999px;
background:#111827;
color:white;
padding:10px 14px;
font-size:13px;
font-weight:900;
text-decoration:none;
cursor:pointer;
display:inline-flex;
align-items:center;
gap:8px;
}

.sports-share-row a,
.sports-source-credit a{
background:#ef4444;
}

.sports-article-hero{
width:100%;
max-height:500px;
object-fit:cover;
border-radius:16px;
display:block;
margin:18px 0 24px;
background:#111827;
}

.sports-article-description{
margin:4px 0 24px;
padding:18px 20px;
border-left:5px solid #ef4444;
border-radius:14px;
background:#f8fafc;
}

.sports-article-description h2{
font-size:16px;
line-height:1.25;
margin:0 0 8px;
letter-spacing:0;
}

.sports-article-description p{
font-size:18px;
line-height:1.78;
font-weight:600;
color:#111827;
margin:0;
}

.sports-article-content p{
font-size:17px;
line-height:1.82;
color:#1f2937;
margin:0 0 18px;
}

.sports-source-credit{
margin-top:28px;
padding:18px;
border:1px solid #e5e7eb;
border-radius:16px;
background:#f9fafb;
}

.sports-source-credit strong{
display:block;
font-size:18px;
margin-bottom:8px;
}

.sports-source-credit p{
font-size:14px;
line-height:1.65;
color:#4b5563;
margin-bottom:14px;
}

.sports-related-panel{
position:sticky;
top:16px;
align-self:start;
background:white;
border:1px solid #e5e7eb;
border-radius:18px;
padding:16px;
box-shadow:0 18px 42px rgba(15,23,42,0.08);
}

.sports-related-panel h2{
font-size:20px;
margin-bottom:10px;
}

.sports-related-panel a{
display:grid;
grid-template-columns:78px 1fr;
gap:10px;
align-items:center;
padding:11px 0;
border-bottom:1px solid #e5e7eb;
color:#111827;
text-decoration:none;
font-size:13px;
line-height:1.35;
font-weight:900;
}

.sports-related-panel a:last-child{
border-bottom:0;
}

.sports-related-panel img{
width:78px;
height:58px;
object-fit:cover;
border-radius:10px;
}

.dark-mode .sports-article-page{
background:#020617;
color:white;
}

.dark-mode .sports-article-shell,
.dark-mode .sports-related-panel,
.dark-mode .sports-source-credit{
background:#111827;
border-color:#1f2937;
}

.dark-mode .sports-article-content p,
.dark-mode .sports-article-description p,
.dark-mode .sports-related-panel a,
.dark-mode .sports-source-credit p{
color:#e5e7eb;
}

.dark-mode .sports-article-description{
background:#020617;
border-color:#ef4444;
}

.dark-mode .sports-article-meta{
color:#cbd5e1;
}

@media(max-width:1000px){
.sports-rss-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}

.sports-article-page{
grid-template-columns:1fr;
}

.sports-article-shell{
justify-self:stretch;
max-width:none;
}

.sports-related-panel{
position:static;
}
}

@media(max-width:650px){
.sports-rss-page{
padding:22px 14px 38px;
}

.sports-rss-header h1{
font-size:32px;
}

.sports-rss-grid{
grid-template-columns:1fr;
}

.sports-article-page{
padding:18px 14px 36px;
}

.sports-article-shell{
padding:18px;
border-radius:14px;
}

.sports-article-shell h1{
font-size:28px;
}

.sports-article-content p{
font-size:15px;
line-height:1.76;
}

.sports-article-description{
padding:14px;
}

.sports-article-description p{
font-size:15px;
line-height:1.7;
}
}

.dark-mode .hero-news p{
color:#cbd5e1;
}

.dark-mode .side-news h4{
color:white;
}

.dark-mode .featured-videos h2{
color:white;
}

.dark-mode .video-card p{
color:white;
}

.dark-mode .ad-title{
color:white;
}

.dark-mode .site-footer{
background:#020617;
color:white;
border-color:#1e293b;
}

.dark-mode .site-footer-column a,
.dark-mode .site-footer-icons a,
.dark-mode .site-footer-credit-btn{
color:#e5e7eb;
}

.dark-mode .site-footer-credit-btn{
background:transparent;
color:#f87171;
}

.dark-mode .aman-profile-card{
background:linear-gradient(145deg,rgba(15,23,42,0.98),rgba(2,6,23,0.96));
color:white;
border-color:rgba(148,163,184,0.22);
}

.dark-mode .aman-profile-hero p,
.dark-mode .aman-profile-copy p{
color:#cbd5e1;
}

.dark-mode .site-footer-bottom{
border-color:#1e293b;
}

.dark-mode .search-overlay{
background:rgba(2,6,23,0.97);
}

.dark-mode .trending-search{
background:#111827;
}

.dark-mode .search-item{
color:white;
border-color:#1e293b;
}

.dark-mode .search-top input{
background:#111827;
color:white;
}

.dark-mode .article-content h3,
.dark-mode .article-content p{
color:#cbd5e1;
}

/* MOBILE RESPONSIVE */

@media(max-width:1000px){

.topbar{
padding:10px 14px;
}

.left-top{
font-size:12px;
line-height:1.5;
}

.right-top{
gap:10px;
}

.logo{
font-size:clamp(22px,7vw,34px);
padding:14px 8px 16px;
letter-spacing:0;
white-space:normal;
overflow:visible;
text-overflow:clip;
}

.navbar{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:14px;
padding:16px 12px;
justify-items:center;
}

.navbar a{
font-size:13px;
}

.search-btn{
width:30px;
height:30px;
font-size:16px;
}

.breaking-title{
font-size:12px;
padding:8px 14px;
}

.breaking-text{
font-size:12px;
}

.container{
grid-template-columns:1fr;
padding:16px;
gap:18px;
}

.sidebar{
order:2;
}

.main-content{
order:1;
}

.rightbar{
order:3;
}

.hero-news img{
height:220px;
border-radius:16px 16px 0 0;
}

.hero-news h1{
font-size:18px;
line-height:1.35;
margin:0;
padding:12px 14px 4px;
}

.hero-news p{
font-size:14px;
}

.hero-news{
background:#fff;
border-radius:16px;
overflow:hidden;
box-shadow:0 4px 12px rgba(0,0,0,0.08);
}

.hero-meta{
font-size:12px;
padding:0 14px 12px;
color:#111827;
font-weight:700;
}

.grid-news{
grid-template-columns:1fr;
gap:16px;
}

.mobile-feed-ad{
display:block;
}

.card img{
height:220px;
}

.card-content h3{
font-size:18px;
line-height:1.35;
}

.card-content p{
font-size:13px;
}

.side-news img{
width:90px;
height:70px;
}

.side-news h4{
font-size:13px;
}

.featured-videos h2{
font-size:20px;
}

.video-card img{
height:180px;
}

.video-card p{
font-size:14px;
}

.live-ad{
height:240px;
}

.ad-title{
font-size:16px;
}

.search-box{
width:92%;
}

.search-top{
flex-direction:column;
align-items:stretch;
}

.search-top input{
font-size:15px;
padding:15px;
}

.search-top button{
width:100%;
padding:14px;
font-size:14px;
}

.search-item{
font-size:15px;
padding:12px 0;
}

.search-top i{
position:absolute;
top:22px;
right:20px;
font-size:26px;
}

.site-footer{
padding:54px 22px 38px;
}

.site-footer-inner{
grid-template-columns:1fr 1fr;
gap:34px 24px;
margin-bottom:44px;
}

.site-footer-brand{
grid-column:1 / -1;
}

.site-footer-column h3{
font-size:20px;
}

.site-footer-column a{
font-size:16px;
}

.site-footer-bottom{
grid-template-columns:1fr;
gap:22px;
}

.site-footer-credit{
justify-items:start;
}

.site-footer-icons a{
font-size:28px;
}

.site-footer-credit-btn{
font-size:16px;
}

}

@media(max-width:560px){

.site-footer-inner{
grid-template-columns:1fr;
}

.site-footer-brand h2{
font-size:28px;
}

.aman-profile-card{
padding:18px;
border-radius:22px;
}

.aman-profile-hero{
grid-template-columns:88px 1fr;
gap:14px;
}

.aman-profile-hero img{
width:88px;
height:88px;
border-radius:22px;
}

.aman-profile-hero h2{
font-size:24px;
}

.aman-profile-actions{
grid-template-columns:1fr;
}

.article-image{
height:260px;
}

.article-content h1{
font-size:28px;
}

.article-content h3{
font-size:17px;
}

.article-content p{
font-size:15px;
line-height:1.7;
}

}
/* ACTIVE NAVBAR */

.active-nav{
position:relative;
color:#ef4444 !important;
font-weight:700 !important;
}

.active-nav::after{
content:'';
position:absolute;
left:0;
bottom:-8px;
width:100%;
height:3px;
background:#ef4444;
border-radius:20px;
}
/* LANGUAGE TOGGLE */

.language-toggle{
width:72px;
height:34px;
background:#111827;
border-radius:40px;
position:relative;
cursor:pointer;
display:flex;
align-items:center;
justify-content:space-between;
padding:0 10px;
overflow:hidden;
transition:0.3s;
font-size:12px;
font-weight:700;
color:white;
}

.language-slider{
position:absolute;
width:32px;
height:26px;
background:white;
border-radius:30px;
left:4px;
transition:0.3s;
z-index:1;
}

.language-toggle span{
position:relative;
z-index:2;
}

.language-toggle.hindi-active .language-slider{
left:36px;
}

.language-toggle .active-lang{
color:#111;
}

.language-toggle.hindi-active .active-lang{
color:white;
}

.language-toggle.hindi-active .hin{
color:#111;
}
/* HIDE GOOGLE TRANSLATE BAR */

.goog-te-banner-frame,
iframe.goog-te-banner-frame,
body > .skiptranslate,
.skiptranslate iframe,
#goog-gt-tt,
.VIpgJd-ZVi9od-ORHb-OEVmcd,
.VIpgJd-ZVi9od-aZ2wEe-wOHMyf{
display:none !important;
visibility:hidden !important;
height:0 !important;
min-height:0 !important;
max-height:0 !important;
border:0 !important;
opacity:0 !important;
pointer-events:none !important;
}

body,
body.translated-ltr,
body.translated-rtl{
top:0 !important;
position:static !important;
}

.goog-logo-link{
display:none !important;
}

.goog-te-gadget{
font-size:0px !important;
}

/* CITIZEN ISSUE */

.citizen-nav-link{
white-space:nowrap;
position:relative;
display:inline-flex;
align-items:center;
gap:7px;
padding:8px 12px;
border-radius:999px;
background:linear-gradient(135deg,#ef4444,#2563eb);
color:white !important;
box-shadow:0 10px 24px rgba(239,68,68,0.25);
animation:citizenPulse 2.2s infinite;
}

.citizen-nav-link::before{
content:"";
position:absolute;
inset:-3px;
border-radius:999px;
background:linear-gradient(135deg,rgba(239,68,68,0.45),rgba(37,99,235,0.45));
z-index:-1;
filter:blur(8px);
opacity:0.75;
}

.citizen-nav-link::after{
display:none;
}

@keyframes citizenPulse{
0%,100%{transform:translateY(0);box-shadow:0 10px 24px rgba(239,68,68,0.25);}
50%{transform:translateY(-2px);box-shadow:0 16px 34px rgba(37,99,235,0.32);}
}

.citizen-page{
background:#020617;
color:white;
padding:34px 28px 50px;
min-height:70vh;
}

.citizen-hero{
max-width:1280px;
margin:0 auto 28px;
display:flex;
justify-content:space-between;
gap:24px;
align-items:center;
background:#0f172a;
border:1px solid rgba(148,163,184,0.18);
border-radius:20px;
padding:26px;
}

.citizen-hero h1{
font-size:38px;
line-height:1.15;
margin:14px 0 10px;
}

.citizen-hero p{
color:#cbd5e1;
max-width:680px;
line-height:1.7;
}

.citizen-post-btn{
display:flex;
align-items:center;
justify-content:center;
gap:10px;
border:0;
border-radius:10px;
overflow:hidden;
background:#1d4ed8;
color:white;
font-size:20px;
font-weight:600;
cursor:pointer;
box-shadow:0 12px 30px rgba(37,99,235,0.32);
padding-right:18px;
}

.citizen-post-btn span{
display:flex;
align-items:center;
justify-content:center;
width:78px;
height:54px;
background:#2563eb;
font-size:30px;
border-right:1px solid rgba(255,255,255,0.22);
}

.citizen-success,
.empty-state{
max-width:1280px;
margin:0 auto 22px;
background:#064e3b;
color:white;
padding:16px 18px;
border-radius:12px;
font-weight:700;
}

.citizen-layout{
max-width:1280px;
margin:0 auto;
display:grid;
grid-template-columns:minmax(0,1fr) 330px;
gap:28px;
align-items:start;
}

.citizen-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
gap:22px;
}

.citizen-card{
background:#0f172a;
border:1px solid rgba(148,163,184,0.18);
border-radius:18px;
overflow:hidden;
text-decoration:none;
color:white;
box-shadow:0 14px 36px rgba(0,0,0,0.28);
transition:0.25s;
}

.citizen-card:hover{
transform:translateY(-4px);
}

.citizen-card img,
.citizen-card video{
width:100%;
height:210px;
object-fit:cover;
display:block;
background:#111827;
}

.citizen-no-media{
height:210px;
display:flex;
align-items:center;
justify-content:center;
font-size:46px;
background:#1e293b;
color:#ef4444;
}

.citizen-card-content{
padding:18px;
}

.citizen-card-content span{
color:#93c5fd;
font-size:12px;
font-weight:800;
}

.citizen-card-content h2{
font-size:21px;
line-height:1.35;
margin:8px 0 10px;
}

.citizen-card-content p{
color:#cbd5e1;
line-height:1.6;
display:-webkit-box;
-webkit-line-clamp:3;
-webkit-box-orient:vertical;
overflow:hidden;
}

.citizen-card-content small{
display:block;
margin-top:12px;
color:#e5e7eb;
line-height:1.5;
}

.citizen-ad-rail{
position:sticky;
top:16px;
}

.issue-modal{
position:fixed;
inset:0;
background:rgba(2,6,23,0.82);
z-index:99999;
display:none;
align-items:center;
justify-content:center;
padding:18px;
}

.issue-modal.active{
display:flex;
}

.issue-modal-card{
width:min(720px,100%);
max-height:92vh;
overflow:auto;
background:#0f172a;
border:1px solid rgba(148,163,184,0.24);
border-radius:22px;
padding:24px;
color:white;
box-shadow:0 30px 80px rgba(0,0,0,0.42);
}

.issue-back-btn{
display:inline-flex;
align-items:center;
gap:8px;
background:#1e293b;
color:white;
border:0;
border-radius:10px;
padding:10px 14px;
font-weight:800;
cursor:pointer;
}

.issue-modal-card h2{
font-size:30px;
margin:18px 0;
}

.issue-form{
display:grid;
gap:14px;
}

.issue-form input,
.issue-form textarea{
width:100%;
padding:14px;
border-radius:10px;
border:1px solid rgba(148,163,184,0.25);
background:#020617;
color:white;
font-size:15px;
}

.issue-form textarea{
height:140px;
resize:vertical;
}

.issue-form label{
font-weight:800;
color:#cbd5e1;
}

.issue-upload-note{
margin:-4px 0 0;
color:#94a3b8;
font-size:13px;
font-weight:700;
}

.issue-form button{
border:0;
background:#2563eb;
color:white;
padding:15px;
border-radius:12px;
font-size:17px;
font-weight:800;
cursor:pointer;
}

.citizen-error{
max-width:1180px;
margin:0 auto 20px;
padding:14px 18px;
border-radius:14px;
background:#fee2e2;
color:#991b1b;
border:1px solid #fecaca;
font-weight:800;
box-shadow:0 14px 30px rgba(153,27,27,0.12);
}

.issue-article-shell{
max-width:1280px;
margin:0 auto;
display:grid;
grid-template-columns:minmax(0,1fr) 330px;
gap:28px;
padding:34px 28px;
}

.issue-article{
background:white;
color:#111827;
border-radius:20px;
padding:28px;
box-shadow:0 16px 44px rgba(15,23,42,0.12);
}

.issue-article h1{
font-size:42px;
line-height:1.18;
margin:18px 0;
}

.issue-detail-meta{
display:flex;
flex-wrap:wrap;
gap:12px;
margin-bottom:22px;
color:#475569;
font-weight:700;
}

.issue-main-media{
width:100%;
max-height:520px;
object-fit:cover;
border-radius:16px;
margin-bottom:24px;
background:#111827;
}

.issue-description p{
font-size:18px;
line-height:1.85;
margin-bottom:18px;
}

.issue-comments{
margin:28px 0;
border-top:1px solid #e5e7eb;
padding-top:22px;
}

.issue-comments-head{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
margin-bottom:16px;
}

.issue-comments-head h2{
font-size:24px;
}

.issue-comments-head span{
font-size:13px;
font-weight:800;
color:#64748b;
}

.issue-comment-form{
display:grid;
gap:10px;
background:#f8fafc;
border:1px solid #e5e7eb;
border-radius:16px;
padding:14px;
margin-bottom:18px;
}

.issue-comment-form input,
.issue-comment-form textarea{
width:100%;
border:1px solid #dbe3ef;
border-radius:12px;
padding:12px 14px;
font:inherit;
}

.issue-comment-form textarea{
min-height:92px;
resize:vertical;
}

.issue-comment-form button{
justify-self:end;
border:0;
background:#2563eb;
color:white;
border-radius:12px;
padding:11px 16px;
font-weight:900;
cursor:pointer;
}

.issue-comment-list{
display:grid;
gap:14px;
}

.issue-comment{
display:grid;
grid-template-columns:42px 1fr;
gap:12px;
}

.issue-comment-avatar{
width:42px;
height:42px;
border-radius:50%;
background:linear-gradient(135deg,#ef4444,#2563eb);
color:white;
display:flex;
align-items:center;
justify-content:center;
font-weight:900;
}

.issue-comment-body{
background:#f8fafc;
border:1px solid #e5e7eb;
border-radius:16px;
padding:12px 14px;
}

.issue-comment-meta{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
font-size:13px;
}

.issue-comment-meta span{
color:#64748b;
font-weight:700;
}

.issue-comment-body p{
margin:8px 0 10px;
line-height:1.6;
}

.issue-comment-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
}

.issue-comment-actions button{
border:0;
background:transparent;
color:#475569;
font-weight:800;
cursor:pointer;
padding:4px 0;
}

@media(max-width:1000px){

.citizen-layout,
.issue-article-shell{
grid-template-columns:1fr;
}

.citizen-ad-rail{
position:static;
}

.citizen-hero{
flex-direction:column;
align-items:flex-start;
}

.citizen-post-btn{
align-self:flex-end;
}

}

@media(max-width:700px){

.citizen-page,
.issue-article-shell{
padding:18px 14px 36px;
}

.citizen-hero{
padding:18px;
}

.citizen-hero h1,
.issue-article h1{
font-size:28px;
}

.citizen-post-btn{
align-self:stretch;
justify-content:center;
gap:20px;
background-color:#2563eb;
}

.citizen-grid{
grid-template-columns:1fr;
}

.issue-article{
padding:18px;
}

.issue-description p{
font-size:15px;
line-height:1.75;
}

}

/* Final light astrology overrides kept at the end so older astrology rules cannot override them. */
.astro-page.astro-light-page{
padding:8px 0 56px!important;
overflow:hidden!important;
background:
radial-gradient(circle at 14% 4%, rgba(251,191,36,.26), transparent 28%),
radial-gradient(circle at 88% 10%, rgba(196,181,253,.22), transparent 30%),
linear-gradient(180deg,#fffaf0 0%,#fff7ed 42%,#f8fafc 100%)!important;
}

.astro-light-page .astro-stars-canvas{
position:absolute!important;
top:0!important;
left:50%!important;
width:100vw!important;
height:340px!important;
transform:translateX(-50%)!important;
display:block!important;
pointer-events:none!important;
opacity:.32!important;
}

.astro-light-page .astro-premium-hero,
.astro-light-page .astro-spiritual-strip,
.astro-light-page .astro-section{
max-width:1180px!important;
margin-left:auto!important;
margin-right:auto!important;
position:relative!important;
z-index:1!important;
}

.astro-light-page .astro-premium-hero{
margin-top:0!important;
min-height:330px!important;
display:grid!important;
grid-template-columns:minmax(0,1fr) 320px!important;
align-items:center!important;
justify-items:center!important;
border:1px solid rgba(180,83,9,.16)!important;
background:
radial-gradient(circle at 78% 30%, rgba(251,191,36,.24), transparent 34%),
linear-gradient(135deg,rgba(255,255,255,.92),rgba(255,247,237,.84))!important;
color:#21120a!important;
box-shadow:0 20px 50px rgba(146,64,14,.12)!important;
}

.astro-light-page .astro-cosmos{
width:100%!important;
max-width:320px!important;
height:300px!important;
display:grid!important;
place-items:center!important;
justify-self:center!important;
align-self:center!important;
margin:0 auto!important;
overflow:visible!important;
}

.astro-light-page .astro-cosmos .astro-wheel,
.astro-light-page .astro-cosmos .astro-moon,
.astro-light-page .astro-cosmos .astro-orbit{
left:50%!important;
top:50%!important;
margin:0!important;
}

.astro-light-page .astro-cosmos .astro-wheel{
transform-origin:center!important;
translate:-50% -50%!important;
}

.astro-light-page .astro-cosmos .astro-moon{
position:absolute!important;
transform:translate(-50%,-50%)!important;
}

.astro-light-page .astro-cosmos .astro-orbit{
inset:auto!important;
width:260px!important;
height:260px!important;
transform:translate(-50%,-50%)!important;
}

.astro-light-page .astro-spiritual-strip{
display:grid!important;
grid-template-columns:1.2fr 1.1fr .9fr!important;
}

.astro-light-page .astro-dashboard-grid,
.astro-light-page .festival-grid,
.astro-light-page .premium-zodiac-grid,
.astro-light-page .premium-astro-tools,
.astro-light-page .premium-planet-grid{
display:grid!important;
}

@media(max-width:1050px){
.astro-light-page .astro-premium-hero,
.astro-light-page .astro-spiritual-strip,
.astro-light-page .premium-zodiac-grid,
.astro-light-page .premium-astro-tools{
grid-template-columns:1fr 1fr!important;
}
}

@media(max-width:700px){
.astro-light-page .astro-premium-hero,
.astro-light-page .astro-spiritual-strip,
.astro-light-page .premium-zodiac-grid,
.astro-light-page .premium-astro-tools{
grid-template-columns:1fr!important;
}

.astro-light-page .astro-premium-hero{
justify-items:center!important;
text-align:left!important;
}

.astro-light-page .astro-cosmos{
max-width:min(300px,100%)!important;
height:250px!important;
margin:4px auto 0!important;
}

.astro-light-page .astro-cosmos .astro-wheel{
width:210px!important;
height:210px!important;
}

.astro-light-page .astro-cosmos .astro-wheel span{
transform:
rotate(calc(var(--z, 0) * 30deg))
translate(86px)
rotate(calc(var(--z, 0) * -30deg))!important;
}

.astro-light-page .astro-cosmos .astro-moon{
width:104px!important;
height:104px!important;
}

.astro-light-page .astro-cosmos .astro-orbit{
width:232px!important;
height:232px!important;
}

.astro-light-page .astro-calendar-section{
overflow:hidden!important;
}

.astro-light-page .astro-calendar-shell{
border-radius:20px!important;
overflow-x:auto!important;
padding-bottom:12px!important;
scroll-snap-type:x proximity!important;
}

.astro-light-page .astro-calendar-month{
position:sticky!important;
left:0!important;
z-index:4!important;
padding:14px!important;
gap:8px!important;
}

.astro-light-page .astro-calendar-month strong{
font-size:24px!important;
}

.astro-light-page .astro-calendar-month span{
font-size:10px!important;
padding:6px 8px!important;
}

.astro-light-page .astro-calendar-grid{
grid-template-columns:repeat(7,112px)!important;
width:max-content!important;
min-width:784px!important;
padding:10px!important;
}

.astro-light-page .astro-calendar-weekday{
min-height:34px!important;
font-size:10px!important;
}

.astro-light-page .astro-calendar-day{
min-height:104px!important;
padding:9px!important;
scroll-snap-align:start!important;
}

.astro-light-page .astro-calendar-day strong{
font-size:22px!important;
}

.astro-light-page .astro-calendar-day span{
font-size:10px!important;
}

.astro-light-page .astro-calendar-day small,
.astro-light-page .astro-calendar-day em,
.astro-light-page .astro-calendar-day.is-today:after{
font-size:9px!important;
}
}

.astro-light-page .astro-news-section{
padding-bottom:18px!important;
}

.astro-news-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:22px;
}

.astro-news-card,
.astro-news-empty{
border:1px solid rgba(180,83,9,.14);
border-radius:22px;
background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(255,251,235,.86));
box-shadow:0 18px 42px rgba(146,64,14,.12);
overflow:hidden;
transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.astro-news-card:hover{
transform:translateY(-5px);
border-color:rgba(245,158,11,.48);
box-shadow:0 24px 58px rgba(146,64,14,.18);
}

.astro-news-image{
display:block;
height:190px;
background:linear-gradient(135deg,#fff7ed,#fef3c7);
overflow:hidden;
}

.astro-news-image img{
width:100%;
height:100%;
object-fit:cover;
display:block;
transition:transform .35s ease;
}

.astro-news-card:hover .astro-news-image img{
transform:scale(1.045);
}

.astro-news-placeholder{
height:100%;
display:grid;
place-items:center;
color:#b45309;
font-size:48px;
background:
radial-gradient(circle at 30% 20%,rgba(251,191,36,.36),transparent 34%),
linear-gradient(135deg,#fff7ed,#fef3c7);
}

.astro-news-content{
padding:18px;
}

.astro-news-meta{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
margin-bottom:10px;
font-size:11px;
font-weight:900;
text-transform:uppercase;
color:#92400e;
}

.astro-news-meta time{
color:#78716c;
font-weight:800;
}

.astro-news-content h3{
font-size:19px;
line-height:1.35;
letter-spacing:0;
margin:0 0 10px;
}

.astro-news-content h3 a{
color:#21120a;
text-decoration:none;
}

.astro-news-content p{
font-size:14px;
line-height:1.68;
color:#5f4636;
font-weight:500;
margin:0 0 16px;
display:-webkit-box;
-webkit-line-clamp:3;
-webkit-box-orient:vertical;
overflow:hidden;
}

.astro-news-read{
display:inline-flex;
align-items:center;
gap:8px;
padding:10px 14px;
border-radius:999px;
background:linear-gradient(135deg,#f97316,#f59e0b);
color:white;
font-size:13px;
font-weight:900;
text-decoration:none;
box-shadow:0 10px 24px rgba(245,158,11,.24);
}

.astro-news-empty{
grid-column:1 / -1;
padding:38px 20px;
text-align:center;
color:#5f4636;
}

.astro-news-empty i{
font-size:38px;
color:#f59e0b;
margin-bottom:12px;
}

.astrology-news-article-page{
background:
radial-gradient(circle at 12% 4%,rgba(251,191,36,.18),transparent 28%),
linear-gradient(180deg,#fffaf0,#f8fafc);
}

.astrology-article-kicker a,
.astrology-article-description{
border-color:#f59e0b;
}

.astrology-article-kicker a,
.astrology-news-article-page .sports-share-row button{
background:linear-gradient(135deg,#f97316,#f59e0b);
}

.astrology-article-description{
background:#fff7ed;
}

@media(max-width:1000px){
.astro-news-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}
}

@media(max-width:650px){
.astro-news-grid{
grid-template-columns:1fr;
gap:16px;
}

.astro-news-image{
height:170px;
}

.astro-news-content{
padding:15px;
}
}

.stock-live-widget{
margin-bottom:22px;
padding:16px;
border:1px solid rgba(59,130,246,.2);
border-radius:20px;
background:
linear-gradient(145deg,rgba(255,255,255,.92),rgba(248,250,252,.82));
box-shadow:0 20px 45px rgba(15,23,42,.12);
backdrop-filter:blur(14px);
overflow:hidden;
position:relative;
}

.stock-live-widget:before{
content:"";
position:absolute;
inset:0;
background:radial-gradient(circle at 90% 0%,rgba(34,197,94,.18),transparent 32%);
pointer-events:none;
}

.stock-live-head,
.stock-live-row{
position:relative;
z-index:1;
}

.stock-live-head{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:12px;
padding-bottom:12px;
border-bottom:1px solid rgba(148,163,184,.24);
}

.stock-live-head span{
display:inline-flex;
align-items:center;
gap:7px;
font-size:11px;
font-weight:900;
letter-spacing:.08em;
color:#16a34a;
}

.stock-live-head span i{
font-size:8px;
animation:stockPulse 1.4s infinite;
}

.stock-live-head h2{
font-size:21px;
line-height:1.15;
letter-spacing:0;
margin:3px 0 0;
color:#0f172a;
}

.stock-live-head small{
font-size:11px;
font-weight:800;
color:#64748b;
white-space:nowrap;
}

.stock-live-list{
display:grid;
gap:8px;
padding-top:12px;
}

.stock-live-row{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
padding:12px;
border:1px solid rgba(226,232,240,.9);
border-radius:14px;
background:rgba(255,255,255,.76);
transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.stock-live-row:hover{
transform:translateY(-2px);
box-shadow:0 12px 24px rgba(15,23,42,.08);
}

.stock-live-row strong,
.stock-live-row span,
.stock-live-row em{
display:block;
}

.stock-live-row strong{
font-size:13px;
line-height:1.15;
color:#0f172a;
}

.stock-live-row span{
margin-top:4px;
font-size:16px;
font-weight:900;
color:#111827;
}

.stock-live-row em{
font-style:normal;
font-size:13px;
font-weight:900;
white-space:nowrap;
}

.stock-live-row.is-up em,
.stock-live-row.is-up em b{
color:#16a34a;
}

.stock-live-row.is-down em,
.stock-live-row.is-down em b{
color:#dc2626;
}

.stock-live-row.is-flat em,
.stock-live-row.is-loading em{
color:#64748b;
}

.stock-live-widget.is-updating .stock-live-row{
animation:stockRowFlash .55s ease;
}

.dark-mode .stock-live-widget{
background:linear-gradient(145deg,rgba(15,23,42,.94),rgba(30,41,59,.82));
border-color:rgba(96,165,250,.24);
box-shadow:0 20px 45px rgba(0,0,0,.34);
}

.dark-mode .stock-live-head{
border-color:rgba(148,163,184,.18);
}

.dark-mode .stock-live-head h2,
.dark-mode .stock-live-row strong,
.dark-mode .stock-live-row span{
color:#f8fafc;
}

.dark-mode .stock-live-row{
background:rgba(15,23,42,.72);
border-color:rgba(148,163,184,.18);
}

.dark-mode .stock-live-head small{
color:#cbd5e1;
}

@keyframes stockPulse{
0%,100%{opacity:.45;transform:scale(.88)}
50%{opacity:1;transform:scale(1.22)}
}

@keyframes stockRowFlash{
0%{background:rgba(219,234,254,.9)}
100%{background:rgba(255,255,255,.76)}
}

@media(max-width:900px){
.stock-desktop-widget-slot{
display:none;
}

.stock-mobile-widget-slot{
display:block;
order:0;
}

.stock-mobile-widget-slot .stock-live-widget{
margin-bottom:0;
}

.stock-live-widget{
margin:0 0 20px;
}

.stock-live-list{
display:flex;
overflow-x:auto;
scroll-snap-type:x mandatory;
padding-bottom:4px;
}

.stock-live-row{
min-width:188px;
scroll-snap-align:start;
}
}

@media(max-width:700px){
.page-stock-market .container{
padding:10px 8px 22px;
gap:10px;
max-width:100vw;
overflow:hidden;
}

.page-stock-market .container > *,
.page-stock-market .main-content,
.page-stock-market .grid-news,
.page-stock-market .stock-mobile-widget-slot,
.page-stock-market .stock-live-widget,
.page-stock-market .stock-live-list{
min-width:0;
max-width:100%;
}

.page-stock-market .stock-mobile-widget-slot{
margin-bottom:4px;
width:100%;
overflow:hidden;
}

.page-stock-market .stock-live-widget{
padding:11px;
border-radius:14px;
}

.page-stock-market .stock-live-head{
padding-bottom:8px;
}

.page-stock-market .stock-live-head h2{
font-size:17px;
}

.page-stock-market .stock-live-head small{
font-size:10px;
}

.page-stock-market .stock-live-list{
gap:7px;
padding-top:9px;
max-width:100%;
overflow-x:auto;
}

.page-stock-market .stock-live-row{
min-width:146px;
padding:9px;
border-radius:11px;
}

.page-stock-market .stock-live-row strong{
font-size:11px;
}

.page-stock-market .stock-live-row span{
font-size:13px;
}

.page-stock-market .stock-live-row em{
font-size:11px;
}

.page-stock-market .sidebar{
display:none;
}

.page-stock-market .main-content{
display:flex;
flex-direction:column;
gap:10px;
}

.page-stock-market .hero-news{
display:block;
background:#fff;
border:1px solid #e5e7eb;
border-radius:12px;
overflow:hidden;
box-shadow:0 8px 18px rgba(15,23,42,.08);
}

.page-stock-market .hero-news img{
height:118px;
border-radius:0;
display:block;
}

.page-stock-market .hero-news h1{
font-size:14px;
line-height:1.32;
margin:8px 10px 4px;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
}

.page-stock-market .hero-meta{
font-size:10px;
margin:0 10px 10px;
color:#64748b;
font-weight:700;
}

.page-stock-market .grid-news{
display:flex;
flex-direction:column;
gap:9px;
margin-top:0;
}

.page-stock-market .card{
display:grid;
grid-template-columns:112px minmax(0,1fr);
min-height:88px;
border-radius:12px;
box-shadow:0 8px 18px rgba(15,23,42,.07);
border:1px solid #eef2f7;
}

.page-stock-market .card:hover{
transform:none;
}

.page-stock-market .card img{
width:112px;
height:100%;
min-height:88px;
border-radius:12px 0 0 12px;
}

.page-stock-market .card-content{
padding:8px 9px;
min-width:0;
}

.page-stock-market .card-content span{
font-size:9px;
line-height:1;
}

.page-stock-market .card-content h3{
font-size:12px;
line-height:1.32;
margin-top:5px;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
}

.page-stock-market .news-meta{
font-size:9px;
line-height:1.2;
margin-top:5px;
color:#64748b;
}

.page-stock-market .mobile-feed-ad{
display:grid;
grid-template-columns:112px minmax(0,1fr);
min-height:88px;
border-radius:12px;
}

.page-stock-market .mobile-feed-ad img,
.page-stock-market .mobile-feed-ad video{
width:112px;
height:88px;
}

.page-stock-market .mobile-feed-ad span{
font-size:8px;
padding:4px 7px;
}

.page-stock-market .mobile-feed-ad strong{
padding:10px;
font-size:12px;
line-height:1.3;
}

.page-stock-market .rightbar{
gap:10px;
}
}

/* Production mobile safety net: keep stock market cards compact and prevent horizontal overflow. */
@media(max-width:700px){
html,
body{
max-width:100%;
overflow-x:hidden;
}

.page-stock-market .container{
display:flex!important;
flex-direction:column!important;
width:100%!important;
max-width:100vw!important;
padding:8px 8px 18px!important;
gap:8px!important;
overflow:hidden!important;
}

.page-stock-market .stock-mobile-widget-slot{
display:block!important;
order:0!important;
width:100%!important;
margin:0 0 6px!important;
overflow:hidden!important;
}

.page-stock-market .main-content{
order:1!important;
width:100%!important;
min-width:0!important;
gap:8px!important;
}

.page-stock-market .sidebar{
display:none!important;
}

.page-stock-market .rightbar{
order:2!important;
width:100%!important;
}

.page-stock-market .hero-news{
border-radius:12px!important;
margin:0!important;
}

.page-stock-market .hero-news img{
height:112px!important;
object-fit:cover!important;
}

.page-stock-market .hero-news h1{
font-size:13px!important;
line-height:1.28!important;
margin:7px 9px 3px!important;
padding:0!important;
}

.page-stock-market .hero-news p{
display:none!important;
}

.page-stock-market .grid-news{
display:flex!important;
flex-direction:column!important;
gap:8px!important;
margin-top:0!important;
}

.page-stock-market .card{
display:grid!important;
grid-template-columns:104px minmax(0,1fr)!important;
min-height:82px!important;
border-radius:11px!important;
overflow:hidden!important;
}

.page-stock-market .card img{
width:104px!important;
height:82px!important;
min-height:82px!important;
border-radius:0!important;
object-fit:cover!important;
}

.page-stock-market .card-content{
padding:7px 8px!important;
}

.page-stock-market .card-content h3{
font-size:11.5px!important;
line-height:1.28!important;
margin-top:4px!important;
-webkit-line-clamp:2!important;
display:-webkit-box!important;
-webkit-box-orient:vertical!important;
overflow:hidden!important;
}

.page-stock-market .card-content p{
display:none!important;
}

.page-stock-market .news-meta{
font-size:9px!important;
margin-top:4px!important;
}

.page-stock-market .stock-live-widget{
width:100%!important;
max-width:100%!important;
padding:9px!important;
border-radius:13px!important;
}

.page-stock-market .stock-live-list{
display:flex!important;
gap:6px!important;
overflow-x:auto!important;
padding-bottom:3px!important;
scroll-snap-type:x mandatory;
}

.page-stock-market .stock-live-row{
min-width:136px!important;
padding:8px!important;
scroll-snap-align:start;
}
}
/* Local icon fallbacks keep production independent from external icon CDNs. */
.fa-solid,
.fa-brands,
.fab{
display:inline-flex;
align-items:center;
justify-content:center;
font-style:normal;
font-family:Arial, sans-serif;
font-weight:800;
line-height:1;
}
.fa-calendar-days::before{content:"📅";}
.fa-magnifying-glass::before{content:"⌕";}
.fa-xmark::before{content:"×";}
.fa-eye::before{content:"◉";}
.fa-sun::before{content:"☀";}
.fa-instagram::before{content:"◎";}
.fa-youtube::before{content:"▶";}
.fa-facebook-f::before,
.fa-facebook::before{content:"f";font-family:Arial,sans-serif;font-weight:900;}
.fa-brands.fa-instagram,
.fab.fa-instagram{
width:1.25em;
height:1.25em;
border-radius:.32em;
background:radial-gradient(circle at 30% 105%,#fdf497 0 16%,#fd5949 40%,#d6249f 64%,#285aeb 100%);
color:#fff;
font-size:1em;
font-weight:900;
}
.fa-brands.fa-youtube,
.fab.fa-youtube{
width:1.45em;
height:1.05em;
border-radius:.28em;
background:#ff0000;
color:#fff;
font-size:1em;
}
.fa-brands.fa-facebook,
.fa-brands.fa-facebook-f,
.fab.fa-facebook,
.fab.fa-facebook-f{
width:1.18em;
height:1.18em;
border-radius:50%;
background:#1877f2;
color:#fff;
font-size:1em;
}
.fa-bullhorn::before{content:"▸";}
.fa-circle::before{content:"●";}
.fa-star::before{content:"★";}
.fa-share-nodes::before{content:"↗";}
.fa-comment::before{content:"◌";}
.fa-volume-high::before{content:"🔊";}
.fa-pause::before{content:"Ⅱ";}
.fa-play::before{content:"▶";}
.fa-location-dot::before{content:"●";}
.fa-coins::before{content:"◍";}
.sidebar-empty-note{
font-size:15px;
line-height:1.45;
color:#64748b;
padding:14px 0;
}