:root { --ink:#190e18; --ink-soft:#291326; --wine:#681d37; --wine-light:#a1385d; --gold:#e8b957; --gold-light:#fff0b7; --cream:#fff8e9; --muted:#daccc0; --line:rgba(232,185,87,.25); --serif:"Noto Serif Devanagari", Georgia, serif; --sans:"Noto Sans Devanagari", Arial, sans-serif; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; color:var(--cream); background:radial-gradient(circle at 30% -10%, #70314c 0, transparent 30%),linear-gradient(160deg,#120b14 0%,#22111e 48%,#130b12 100%); font-family:var(--sans); overflow-x:hidden; } button,a { font:inherit; } button { cursor:pointer; } a { color:inherit; text-decoration:none; }.page-glow { position:fixed; z-index:-1; width:35rem; height:35rem; border-radius:50%; filter:blur(70px); opacity:.15; pointer-events:none; }.glow-one { top:18%; left:-20%; background:#db974b; }.glow-two { right:-22%; bottom:10%; background:#9d3361; }.site-header { width:min(1240px,92%); min-height:84px; margin:auto; display:flex; gap:28px; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }.brand { display:flex; align-items:center; gap:11px; flex-shrink:0; }.brand-mark { display:grid; place-items:center; width:40px; height:40px; border:1px solid var(--gold); border-radius:50%; color:var(--gold-light); font-family:var(--serif); font-size:24px; box-shadow:inset 0 0 0 4px rgba(104,29,55,.7); }.brand strong,.brand small { display:block; }.brand strong { font-family:var(--serif); letter-spacing:.02em; font-size:20px; }.brand small { margin-top:-2px; color:var(--muted); font-size:10px; letter-spacing:.12em; text-transform:uppercase; } nav { display:flex; gap:28px; margin-left:auto; color:#eadbce; font-size:14px; }nav a { transition:color .2s ease; }nav a:hover { color:var(--gold); }.button { border:1px solid transparent; border-radius:99px; padding:13px 20px; color:var(--cream); transition:transform .2s ease, box-shadow .2s ease, background .2s ease; }.button:hover { transform:translateY(-2px); }.button-small { padding:10px 17px; background:rgba(232,185,87,.12); border-color:var(--gold); color:var(--gold-light); font-size:13px; }.button-primary { background:linear-gradient(135deg,#f0c45e,#bc7b28); color:#251409; font-weight:800; box-shadow:0 10px 30px rgba(228,165,62,.2); }.button-primary span { margin-left:7px; }.button-ghost { background:rgba(255,255,255,.04); border-color:rgba(255,248,233,.36); }.hero { width:min(1240px,92%); margin:0 auto; min-height:655px; display:grid; grid-template-columns:1.05fr .95fr; gap:48px; align-items:center; padding:62px 0 72px; }.eyebrow { margin:0 0 13px; color:var(--gold); font-size:12px; letter-spacing:.18em; text-transform:uppercase; }.eyebrow span { display:inline-block; width:25px; height:1px; margin:0 9px 4px 0; background:var(--gold); }.hero h1,.section-heading h2,.membership-copy h2,.about-copy h2,.modal h2 { margin:0; font-family:var(--serif); font-weight:500; line-height:1.08; }.hero h1 { font-size:clamp(50px,6.2vw,86px); letter-spacing:-.045em; }.hero h1 em,.section-heading h2 em,.membership-copy h2 em,.about-copy h2 em { color:var(--gold); font-style:normal; }.hero-text { max-width:560px; margin:25px 0; color:var(--muted); font-size:17px; line-height:1.8; }.hero-actions { display:flex; flex-wrap:wrap; gap:12px; }.trust-row { display:flex; flex-wrap:wrap; gap:14px; margin-top:28px; color:#dcbf9b; font-size:12px; }.hero-art { position:relative; display:grid; place-items:center; min-height:510px; }.hero-frame { position:relative; width:min(440px,90%); aspect-ratio:1; border-radius:50% 50% 45% 45%; padding:15px; overflow:hidden; background:linear-gradient(135deg,#f8df85,#88401b 50%,#f2d780); box-shadow:0 32px 75px rgba(0,0,0,.42),0 0 65px rgba(232,185,87,.2); }.hero-frame::before { content:""; position:absolute; inset:6px; border:1px solid rgba(255,255,255,.6); border-radius:inherit; z-index:1; }.hero-frame img { width:100%; height:100%; object-fit:cover; border-radius:inherit; filter:saturate(.95) contrast(1.05); }.frame-shine { position:absolute; z-index:2; inset:0; background:linear-gradient(135deg,rgba(255,255,255,.38),transparent 35%,transparent 65%,rgba(104,29,55,.25)); pointer-events:none; }.ornament { position:absolute; z-index:3; top:0; right:7%; color:var(--gold-light); font-family:var(--serif); font-size:62px; text-shadow:0 0 18px #e8b957; }.hero-caption { position:absolute; z-index:3; bottom:27px; left:3%; padding:16px 24px; border-left:2px solid var(--gold); background:rgba(25,14,24,.76); backdrop-filter:blur(9px); }.hero-caption span,.hero-caption small { display:block; }.hero-caption span { color:var(--gold-light); font-family:var(--serif); font-size:25px; }.hero-caption small { margin-top:4px; color:var(--muted); font-size:11px; }.play-seal { position:absolute; z-index:5; right:4%; bottom:17%; width:70px; height:70px; border:1px solid var(--gold-light); border-radius:50%; background:#7d294c; color:var(--gold-light); font-size:21px; box-shadow:0 0 0 9px rgba(232,185,87,.12); transition:transform .2s ease; }.play-seal:hover { transform:scale(1.08); }.intro-strip { width:min(1240px,92%); margin:auto; padding:28px 3%; display:flex; justify-content:space-between; align-items:center; gap:20px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); background:linear-gradient(90deg,rgba(232,185,87,.06),transparent); }.intro-strip .eyebrow { margin-bottom:6px; }.intro-strip h2 { margin:0; font-family:var(--serif); font-size:clamp(24px,3vw,38px); font-weight:500; }.intro-strip h2 em { color:var(--gold); font-style:normal; }.text-link { border:0; background:none; color:var(--gold-light); white-space:nowrap; }.text-link span { margin-left:8px; transition:margin .2s ease; }.text-link:hover span { margin-left:14px; }.episodes-section,.membership-section,.about-section { width:min(1240px,92%); margin:0 auto; padding:116px 0; }.section-heading { display:grid; grid-template-columns:1fr .78fr; gap:45px; align-items:end; margin-bottom:39px; }.section-heading h2,.membership-copy h2,.about-copy h2 { font-size:clamp(37px,4.6vw,63px); letter-spacing:-.04em; }.section-heading > p { margin:0; color:var(--muted); line-height:1.8; font-size:15px; }.episode-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }.episode-card { position:relative; border:1px solid rgba(232,185,87,.18); border-radius:12px; overflow:hidden; background:#22111e; box-shadow:0 8px 24px rgba(0,0,0,.13); transition:transform .25s ease,border .25s ease,box-shadow .25s ease; }.episode-card:hover { transform:translateY(-7px); border-color:rgba(232,185,87,.65); box-shadow:0 20px 36px rgba(0,0,0,.27); }.episode-card img { width:100%; aspect-ratio:16/9; display:block; object-fit:cover; transition:transform .4s ease; }.episode-card:hover img { transform:scale(1.045); }.episode-info { padding:15px 16px 17px; background:linear-gradient(90deg,#21101c,#2c1525); }.episode-info span { color:var(--gold); font-size:11px; letter-spacing:.13em; }.episode-info h3 { min-height:29px; margin:6px 0 13px; font-family:var(--serif); font-size:19px; font-weight:500; }.episode-info button { padding:0; border:0; background:none; color:#f2d4a9; font-size:13px; }.episode-info b { margin-left:5px; color:var(--gold); }.membership-section { position:relative; display:grid; grid-template-columns:1fr 1.05fr; column-gap:60px; align-items:center; padding:95px 6%; border:1px solid rgba(232,185,87,.32); border-radius:22px; background:radial-gradient(circle at 85% 15%,rgba(217,160,53,.16),transparent 33%),linear-gradient(135deg,#45162d,#1e0d1a 75%); overflow:hidden; }.membership-section::after { content:"ॐ"; position:absolute; right:-22px; bottom:-65px; color:rgba(232,185,87,.08); font-family:var(--serif); font-size:310px; pointer-events:none; }.membership-copy { position:relative; z-index:1; }.membership-copy > p:not(.eyebrow) { max-width:490px; color:var(--muted); line-height:1.75; }.membership-copy ul { display:grid; gap:11px; padding:0; list-style:none; color:#fbebd4; font-size:14px; }.membership-copy li::before { content:"✦"; color:var(--gold); margin-right:10px; }.plans { position:relative; z-index:1; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }.plan-card { position:relative; min-height:288px; padding:28px 22px; border:1px solid rgba(255,248,233,.22); border-radius:15px; background:rgba(18,9,16,.55); display:flex; flex-direction:column; align-items:flex-start; }.plan-card.featured { border-color:var(--gold); background:linear-gradient(150deg,rgba(232,185,87,.19),rgba(81,20,46,.84)); }.plan-card p { margin:0; color:var(--muted); font-size:13px; }.plan-card h3 { margin:14px 0 5px; color:var(--gold-light); font-family:var(--serif); font-size:39px; font-weight:500; }.plan-card h3 small { color:var(--muted); font-family:var(--sans); font-size:12px; font-weight:400; }.plan-card > span { color:#e8d6cb; font-size:12px; line-height:1.45; }.plan-card .button { width:100%; margin-top:auto; padding:11px 8px; font-size:13px; }.recommended { position:absolute; top:-12px; left:18px; padding:5px 10px; border-radius:99px; background:var(--gold); color:#381c10; font-size:10px; font-weight:800; }.price-note { grid-column:2; position:relative; z-index:1; margin:15px 0 -45px; color:#d2b9ae; font-size:11px; }.about-section { display:grid; grid-template-columns:.86fr 1fr; gap:70px; align-items:center; }.about-image { position:relative; }.about-image::before { content:""; position:absolute; inset:-11px 11px 11px -11px; border:1px solid var(--gold); border-radius:12px; }.about-image img { position:relative; width:100%; display:block; border-radius:10px; box-shadow:0 20px 55px rgba(0,0,0,.25); }.about-copy > p:not(.eyebrow) { color:var(--muted); line-height:1.85; font-size:16px; } footer { width:min(1240px,92%); margin:auto; padding:30px 0 42px; border-top:1px solid var(--line); display:flex; justify-content:space-between; gap:20px; align-items:center; color:#c8b7ad; font-size:12px; } footer p { margin:0; }.modal { position:fixed; z-index:20; inset:0; display:none; place-items:center; padding:20px; background:rgba(5,3,6,.82); backdrop-filter:blur(8px); }.modal.is-open { display:grid; }.modal-panel { position:relative; width:min(530px,100%); max-height:90vh; overflow:auto; padding:35px; border:1px solid rgba(232,185,87,.55); border-radius:17px; background:linear-gradient(135deg,#3b142a,#1a0c16); box-shadow:0 28px 85px rgba(0,0,0,.6); }.modal-panel h2 { font-size:35px; }.modal-panel p:not(.eyebrow) { color:var(--muted); line-height:1.7; }.modal-panel video { width:100%; margin-top:18px; border-radius:8px; background:#050305; }.modal-close { position:absolute; top:12px; right:15px; border:0; background:none; color:var(--cream); font-size:30px; line-height:1; }.modal .button { margin-top:12px; }
@media (max-width:850px) { .site-header { min-height:72px; } nav { display:none; }.hero { grid-template-columns:1fr; padding-top:54px; }.hero-art { min-height:410px; order:-1; }.hero-frame { width:min(330px,80%); }.ornament { right:8%; }.section-heading,.about-section { grid-template-columns:1fr; gap:25px; }.episode-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.membership-section { grid-template-columns:1fr; gap:35px; padding:68px 7%; }.price-note { grid-column:auto; margin:-20px 0 0; }.about-section { gap:45px; } footer { flex-wrap:wrap; }.hero h1 { font-size:clamp(48px,12vw,76px); } }
@media (max-width:540px) { .site-header { width:90%; }.site-header .button-small { display:none; }.hero,.episodes-section,.membership-section,.about-section { width:90%; }.hero { min-height:auto; gap:20px; padding-bottom:55px; }.hero-art { min-height:355px; }.hero-caption { left:0; bottom:10px; padding:12px 16px; }.play-seal { width:60px; height:60px; }.intro-strip { width:90%; padding:22px 0; }.intro-strip .text-link { font-size:12px; }.episodes-section,.about-section { padding:78px 0; }.episode-grid,.plans { grid-template-columns:1fr; }.episode-info h3 { min-height:auto; }.membership-section { margin-top:0; padding:58px 7%; }.plan-card { min-height:220px; }.about-image { margin-left:10px; } footer { width:90%; align-items:flex-start; flex-direction:column; } }
[hidden]{display:none!important}.video-panel{width:min(980px,100%)}#published-episodes>p{grid-column:1/-1}#admin-link{color:var(--gold)}.modal-panel p{white-space:pre-wrap}