:root { color-scheme: light; --maroon:#741b2d; --saffron:#f47b20; --cream:#fff8ec; --gold:#dca93a; --green:#2d7652; --ink:#2c2022; --muted:#6f6264; --card:rgba(255,255,255,.82); }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; font-family:Inter,"Noto Sans Devanagari","Noto Sans Gujarati",system-ui,sans-serif; color:var(--ink); background:radial-gradient(circle at 15% 10%,rgba(244,123,32,.18),transparent 28rem),radial-gradient(circle at 90% 18%,rgba(45,118,82,.13),transparent 24rem),linear-gradient(145deg,#fffdf8,var(--cream)); }
a { color:var(--maroon); }
.shell { width:min(1080px,calc(100% - 32px)); margin:0 auto; }
header { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:22px 0; }
.brand { display:flex; align-items:center; gap:12px; color:var(--maroon); text-decoration:none; }
.emblem { display:block; width:52px; height:52px; object-fit:contain; filter:drop-shadow(0 10px 14px rgba(116,27,45,.22)); }
.brand strong { display:block; letter-spacing:.08em; }
.brand small { color:var(--saffron); letter-spacing:.22em; }
nav { display:flex; gap:18px; flex-wrap:wrap; }
nav a { font-weight:650; text-decoration:none; }
.hero { display:grid; grid-template-columns:1.15fr .85fr; gap:28px; align-items:center; padding:72px 0 56px; }
.eyebrow { color:var(--green); font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
h1 { margin:12px 0 18px; color:var(--maroon); font-size:clamp(2.5rem,7vw,5.4rem); line-height:.98; }
h2 { color:var(--maroon); }
.lead { max-width:680px; color:var(--muted); font-size:clamp(1.05rem,2vw,1.25rem); line-height:1.7; }
.panchang-card,.card,.policy { border:1px solid rgba(220,169,58,.38); border-radius:28px; background:var(--card); box-shadow:0 24px 70px rgba(74,42,43,.12); backdrop-filter:blur(14px); }
.panchang-card { padding:28px; transform:rotate(1.4deg); }
.panchang-card .date { color:var(--saffron); font-size:3.5rem; font-weight:850; }
.panchang-card dl { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.panchang-card dt { color:var(--muted); font-size:.82rem; }
.panchang-card dd { margin:3px 0 0; font-weight:720; }
.features { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; padding:20px 0 72px; }
.card { padding:24px; }
.card strong { display:block; color:var(--maroon); font-size:1.08rem; }
.card p,.policy p,.policy li { color:var(--muted); line-height:1.7; }
.policy { margin:36px auto 72px; padding:clamp(22px,5vw,52px); }
.policy h1 { font-size:clamp(2.2rem,5vw,4rem); }
.policy h2 { margin-top:34px; }
.notice { padding:18px 20px; border-left:4px solid var(--saffron); border-radius:12px; background:rgba(244,123,32,.08); }
footer { padding:28px 0 38px; color:var(--muted); text-align:center; }
@media (max-width:760px) { header{align-items:flex-start}.hero{grid-template-columns:1fr;padding-top:44px}.features{grid-template-columns:1fr}.panchang-card{transform:none} }