/* Bollywood Music Shorts — modern, colorful, cinematic */
:root{
  --bg:#0f0b1a; /* deep indigo */
  --card:#1a1230; /* slightly lighter */
  --accent:#ff3b6f; /* pinky magenta */
  --accent-2:#ffd36b; /* warm gold */
  --muted:#c9b8d9;
  --text:#fff;
}
body{background:linear-gradient(180deg,#0b0712 0%, #12081b 60%); color:var(--text); font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial; margin:0; padding:36px 16px;}
.container{max-width:980px;margin:0 auto}
header.site{display:flex;align-items:center;gap:18px;margin-bottom:20px}
.logo{width:76px;height:76px;border-radius:12px;background:radial-gradient(circle at 30% 30%, var(--accent-2), var(--accent));display:flex;align-items:center;justify-content:center;font-weight:700;color:#1a0b1a;font-size:20px;box-shadow:0 8px 24px rgba(0,0,0,0.6)}
.site-title{margin:0}
.site-title h1{font-size:26px;margin:0;letter-spacing:0.4px}
.site-sub{color:var(--muted);margin-top:6px}
nav.top{margin-top:6px}
nav.top a{color:var(--accent-2);text-decoration:none;margin-right:12px;font-weight:600}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-top:22px}
.card{background:linear-gradient(180deg, rgba(255,255,255,0.02), rgba(0,0,0,0.06)); border:1px solid rgba(255,255,255,0.04); padding:18px;border-radius:12px;box-shadow:0 6px 20px rgba(0,0,0,0.6)}
.card h3{margin:0 0 8px;color:var(--accent-2)}
.card .meta{color:var(--muted);font-size:0.9rem;margin-bottom:10px}
.card p{color:#e9e2f3;line-height:1.5}
.article{background:var(--card);padding:24px;border-radius:12px;box-shadow:0 12px 40px rgba(0,0,0,0.6)}
.back{display:inline-block;margin-top:18px;color:var(--accent);text-decoration:none}
footer{color:var(--muted);margin-top:28px;text-align:center}
@media (max-width:520px){.site-title h1{font-size:20px}.logo{width:60px;height:60px;font-size:18px}}