@import url('https://fonts.googleapis.com/css2?family=Hind:wght@500;600;700&display=swap');

:root {
  --bg: #0f172a;
  --sidebar: #1e293b;
  --card: #1e293b;
  --text: #e2e8f0;
  --accent: #ff6b35;
  --gold: #f59e0b;
}

* { margin:0; padding:0; box-sizing:border-box; }
body { background:var(--bg); color:var(--text); font-family:'Hind',sans-serif; }

/* Sidebar Menu - Antarvasna3 Style */
.sidebar-overlay.active { display:block; }
.sidebar { 
  position:fixed; left:-80%; top:0; width:80%; height:100%; background:var(--sidebar); 
  z-index:9999; transition:0.4s ease; padding:1rem; overflow-y:auto;
}
.sidebar.active { left:0; }
.sidebar-overlay { display:none; position:fixed; inset:0; background:rgba(0,0,0,0.7); z-index:9998; }
.sidebar-header { display:flex; justify-content:space-between; align-items:center; padding:1rem; border-bottom:1px solid #334155; }
.sidebar-header h2 { color:var(--accent); font-size:1.8rem; }
.close-sidebar { font-size:2rem; cursor:pointer; color:#fff; }
.sidebar-nav a, .sidebar-nav summary { color:#e2e8f0; display:block; padding:1rem; font-size:1.1rem; border-bottom:1px solid #334155; }
.sidebar-nav a:hover, .sidebar-nav summary:hover { background:#334155; color:var(--accent); }
details summary::marker { content:'▼ '; }
details[open] summary::marker { content:'▲ '; }

/* Header */
.main-header { margin-top:80px; padding:1rem; max-width:1100px; margin:80px auto 0; }
.main-header { background:#1e293b; padding:1rem; position:fixed; top:0; width:100%; z-index:1000; display:flex; justify-content:space-between; align-items:center; }
.hamburger { font-size:2rem; cursor:pointer; color:#fff; }
.logo a { color:var(--accent); font-size:1.8rem; text-decoration:none; }

/* Action Buttons */
.action-buttons button { background:var(--accent); color:#fff; border:none; padding:0.8rem 1.6rem; margin:0 0.5rem; border-radius:30px; font-weight:600; cursor:pointer; }

/* Stories Grid */
.stories-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:1.5rem; margin-top:2rem; }

/* Premium Blur */
.premium-blur { filter:blur(6px); pointer-events:none; }
.premium-overlay { 
  position:absolute; inset:0; background:rgba(0,0,0,0.8); 
  display:flex; align-items:center; justify-content:center; color:var(--accent); font-size:1.4rem; font-weight:700;
}

/* Bottom Sheet Submit Form (Mobile) */
@media (max-width:768px) {
  .submit-sheet { 
    position:fixed; bottom:-100%; left:0; width:100%; height:95%; background:#fff; 
    border-radius:20px 20px 0 0; z-index:9999; transition:0.4s ease; padding:2rem; overflow-y:auto;
  }
  .submit-sheet.active { bottom:0; }
}