/* Influencia 3.0 — landing page and nomination form (dark ceremony stage). */
:root{color-scheme:light;box-sizing:border-box}
html{scroll-padding-top:70px}
body{margin:0;padding:0}
img{max-width:100%}
[hidden]:not([hidden=until-found i]){display:none!important}

/* Layout: ivory ceremony page; the trophy stands at the right of the opening screen, every later screen
   is one full-height band; the nomination slip (form card) is the page's single dark object. */
:root{
  color-scheme:light;
  --bg:#f5eee1; --paper:#fffaf1; --ink:#0b1631; --maroon:#16306e; --gold:#a8894f; --gold-hi:#d9c08c;
  --muted:#4a5470; --line:rgba(22,48,110,.18); --night:#060d1f; --cream:#f8efdf;
  --serif:"Playfair Display",Georgia,"Times New Roman",serif;
  --body:"Outfit","Segoe UI",system-ui,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:18px;line-height:1.55;overflow-x:hidden}
img{max-width:100%}
a{color:inherit}
h1,h2,h3,p{margin:0}
.wrap{width:100%;max-width:1240px;margin-inline:auto;padding-inline:clamp(16px,4vw,48px)}
.band{min-height:100vh;display:grid;align-items:center;padding-block:clamp(56px,9vh,96px)}
.eyebrow{font-weight:700;font-size:15px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}
h2{font-family:var(--serif);font-weight:900;font-size:clamp(34px,4.4vw,62px);line-height:1.04;letter-spacing:-.01em;text-wrap:balance;margin-top:12px}
h2 em{font-style:italic;font-weight:600;color:var(--maroon)}
.lede{margin-top:16px;max-width:52ch;color:var(--muted);font-size:clamp(18px,1.4vw,21px)}

/* top bar */
.bar{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;gap:14px;
  padding:calc(env(safe-area-inset-top,0px) + 12px) clamp(16px,4vw,48px) 12px;background:rgba(4,9,21,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.bar b{font-family:var(--serif);font-weight:900;font-size:20px}
.bar b span{color:var(--maroon)}
.bar a.cta{margin-left:auto}
.cta{display:inline-flex;align-items:center;gap:10px;padding:14px 26px;border-radius:999px;background:var(--maroon);color:var(--cream);
  font-weight:600;font-size:16px;letter-spacing:.04em;text-decoration:none;border:0;cursor:pointer;transition:transform .2s,background .2s}
.cta:hover{background:#24479f;transform:translateY(-1px)}
.cta:focus-visible,.ghost:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.cta.gold{background:var(--gold-hi);color:var(--night)}
.cta.gold:hover{background:#e8d9b5}
.ghost{display:inline-flex;align-items:center;padding:13px 24px;border-radius:999px;border:1.5px solid var(--maroon);color:var(--maroon);font-weight:600;font-size:16px;text-decoration:none;background:none;cursor:pointer}

/* hero */
.hero{position:relative;overflow:hidden;padding-top:calc(90px + env(safe-area-inset-top,0px))}
.hgrid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.7fr);gap:32px;align-items:center}
.open{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:999px;background:var(--paper);border:1px solid var(--line);font-weight:600;font-size:15px;color:var(--maroon)}
.open i{width:10px;height:10px;border-radius:50%;background:#1f9d55;box-shadow:0 0 0 0 rgba(31,157,85,.5);animation:pulse 1.8s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 10px rgba(31,157,85,0)}100%{box-shadow:0 0 0 0 rgba(31,157,85,0)}}
.hero h1{margin-top:20px;font-family:var(--serif);font-weight:900;font-size:clamp(46px,7.4vw,112px);line-height:.95;letter-spacing:-.02em}
.hero h1 em{display:block;font-style:italic;font-weight:600;color:var(--maroon)}
.hero .sub{margin-top:14px;font-weight:600;font-size:clamp(16px,1.4vw,20px);letter-spacing:.18em;text-transform:uppercase;color:var(--maroon)}
.hero .lede{max-width:46ch}
.facts{display:flex;flex-wrap:wrap;gap:14px 34px;margin-top:26px}
.facts div{min-width:0}
.facts b{display:block;font-family:var(--serif);font-weight:900;font-size:clamp(30px,3vw,44px);line-height:1;color:var(--maroon)}
.facts span{display:block;margin-top:6px;font-size:15px;font-weight:500;color:var(--muted)}
.btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.trophy{position:relative;justify-self:center;height:min(74vh,660px);aspect-ratio:240/983}
.trophy img{width:100%;height:100%;display:block;filter:drop-shadow(0 30px 30px rgba(4,9,21,.28));animation:float 6s ease-in-out infinite}
.trophy::after{content:"";position:absolute;left:-40%;right:-40%;bottom:-3%;height:6%;border-radius:50%;background:radial-gradient(closest-side,rgba(4,9,21,.35),rgba(4,9,21,0))}
@keyframes float{50%{transform:translateY(-10px)}}
.rivers{position:absolute;right:-6vw;top:50%;transform:translateY(-50%);font-family:"Noto Serif Gurmukhi",var(--serif);font-weight:900;font-size:34vw;line-height:1;color:rgba(22,48,110,.05);pointer-events:none;user-select:none}

/* why */
.why{background:var(--paper);border-block:1px solid var(--line)}
.wgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:34px}
.wgrid article{padding:22px 24px;border-top:3px solid var(--maroon);background:var(--bg);border-radius:4px 4px 14px 14px;min-width:0}
.wgrid h3{font-family:var(--serif);font-weight:800;font-size:clamp(21px,1.7vw,26px);line-height:1.2;color:var(--maroon)}
.wgrid p{margin-top:8px;font-size:17px;color:var(--muted)}

/* states strip */
.states{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.states span{padding:8px 16px;border-radius:999px;border:1px solid var(--line);background:var(--bg);font-weight:600;font-size:15px}

/* steps */
.steps{list-style:none;padding:0;margin:34px 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;counter-reset:s}
.steps li{position:relative;padding-top:22px;border-top:2px solid var(--maroon);min-width:0}
.steps li::before{counter-increment:s;content:counter(s);display:block;font-family:var(--serif);font-weight:900;font-size:56px;line-height:1;color:transparent;-webkit-text-stroke:1.5px var(--maroon)}
.steps h3{margin-top:10px;font-family:var(--serif);font-weight:800;font-size:clamp(21px,1.7vw,26px)}
.steps p{margin-top:6px;font-size:17px;color:var(--muted)}

/* nomination slip */
.slipband{background:var(--night);color:var(--cream)}
.slip{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr);gap:clamp(24px,4vw,56px);align-items:center}
.slipband h2{color:var(--cream)}.slipband h2 em{color:var(--gold-hi)}
.slipband .eyebrow{color:var(--gold-hi)}
.slipband .lede{color:#dce3f1}
.ask{list-style:none;margin:22px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 26px}
.ask li{padding:10px 0 10px 30px;border-top:1px solid rgba(217,192,140,.25);position:relative;font-size:17px}
.ask li::before{content:"";position:absolute;left:4px;top:18px;width:12px;height:12px;border:2px solid var(--gold-hi);border-radius:3px}
.qrcard{background:var(--cream);color:var(--ink);border-radius:22px;padding:26px;text-align:center;box-shadow:0 0 0 6px var(--night),0 0 0 7px var(--gold-hi)}
.qrcard .k{font-weight:700;font-size:14px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.qr{width:min(100%,250px);aspect-ratio:1;margin:14px auto;display:grid;place-items:center;background:#fff;border-radius:12px;padding:12px}
.qr svg,.qr img{width:100%;height:100%;display:block}
.qr .wait{font-size:15px;color:var(--muted);padding:12px}
.qrcard p{font-size:16px;color:var(--muted)}
.qrcard .cta{margin-top:14px;width:100%;justify-content:center}
.fine{margin-top:12px;font-size:15px;color:var(--muted)}

/* footer */
footer{padding-block:36px 40px;background:var(--bg);border-top:1px solid var(--line)}
.partners{display:flex;flex-wrap:wrap;align-items:flex-end;gap:22px 44px}
.partners figure{margin:0;display:grid;gap:10px}
.partners figcaption{font-weight:700;font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.partners img{display:block;height:80px;width:auto;max-width:none}
.partners .om{background:var(--night);border-radius:8px;padding:4px}
.copy{margin-top:26px;font-size:15px;color:var(--muted)}

/* popup */
.pop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:16px;background:rgba(6,13,31,.62);backdrop-filter:blur(3px);opacity:0;transition:opacity .3s}
.pop.show{opacity:1}
.pbox{position:relative;width:min(760px,100%);max-height:calc(100vh - 32px);overflow:auto;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
  background:var(--cream);border-radius:22px;box-shadow:0 30px 80px rgba(0,0,0,.5);transform:translateY(16px) scale(.97);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.pop.show .pbox{transform:none}
.pl{padding:34px 30px}
.pl .k{font-weight:700;font-size:14px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.pl h3{margin-top:10px;font-family:var(--serif);font-weight:900;font-size:clamp(30px,3.6vw,42px);line-height:1.05}
.pl h3 em{font-style:italic;font-weight:600;color:var(--maroon)}
.pl p{margin-top:12px;font-size:17px;color:var(--muted)}
.pl ul{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:6px}
.pl li{font-size:17px;font-weight:500}
.pl li b{color:var(--maroon);font-family:var(--serif);font-weight:900;font-size:20px;margin-right:6px}
.pl .btns{margin-top:20px}
.pr{background:var(--night);color:var(--cream);padding:28px 24px;display:grid;align-content:center;justify-items:center;text-align:center;gap:10px;border-radius:0 22px 22px 0}
.pr .qr{width:min(100%,210px);margin:4px auto}
.pr p{font-size:16px;color:#dce3f1}
.pr img.tro{height:90px;width:auto}
.x{position:absolute;right:12px;top:12px;width:40px;height:40px;border-radius:50%;border:0;background:rgba(255,255,255,.14);font-size:26px;line-height:1;cursor:pointer;color:var(--cream)}
@media (max-width:860px){.x{background:rgba(6,13,31,.08);color:var(--ink)}}
.pbox .x{z-index:2}


/* catchier hero */
/* brand-led hero */
.hero h1.mark{margin-top:16px;font-family:var(--serif);font-weight:900;font-size:clamp(46px,5.6vw,92px);line-height:.95;letter-spacing:-.02em;color:var(--ink)}
.hero h1.mark .v{color:var(--gold);-webkit-text-stroke:0}
.hero h1.mark em{display:block;font-style:italic;font-weight:600;color:var(--maroon)}
.tagline{margin-top:10px;font-family:var(--serif);font-style:italic;font-weight:600;font-size:clamp(20px,1.9vw,30px);color:var(--gold)}
.hook{margin-top:16px;font-family:var(--serif);font-weight:800;font-size:clamp(26px,2.5vw,40px);line-height:1.1;color:var(--ink)}
.hook em{font-style:italic;font-weight:600;color:var(--maroon)}
.hero .sub{margin-top:12px}

.cer{margin-top:16px;padding:12px 0 12px 18px;border-left:4px solid var(--gold)}
.cen{font-family:var(--serif);font-weight:800;font-size:clamp(22px,2.15vw,34px);line-height:1.15;color:var(--maroon)}
.chi{margin-top:4px;font-family:"Noto Serif Devanagari",var(--serif);font-weight:700;font-size:clamp(20px,1.9vw,30px);line-height:1.35;color:var(--ink)}
.when{margin-top:6px;font-weight:700;font-size:clamp(14px,1.05vw,16px);letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.hook{margin-top:14px;font-size:clamp(22px,2vw,32px)}
.tagline{font-size:clamp(18px,1.6vw,26px)}
@media (min-width:861px){.hero .lede{display:none}}
@media (max-width:860px){.hero h1.mark{font-size:clamp(42px,12vw,56px)}}

.hero{align-content:center;gap:clamp(18px,3vh,34px)}
.hlogos{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:14px 40px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.hlogos figure{margin:0;display:grid;gap:8px}
.hlogos figcaption{font-weight:700;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.hlogos img{display:block;height:clamp(64px,6.4vw,96px);width:auto;max-width:none}
.hlogos .om{background:var(--night);border-radius:8px;padding:4px}
@media (max-width:860px){.hlogos{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}.hlogos img{height:58px}.hlogos figcaption{font-size:12px;letter-spacing:.1em}}

.tags{display:flex;flex-wrap:wrap;gap:10px}
.days{display:inline-flex;align-items:center;padding:8px 16px;border-radius:999px;background:var(--maroon);color:var(--gold-hi);font-weight:700;font-size:15px;letter-spacing:.04em}
.brand{margin-top:22px;font-family:var(--serif);font-weight:800;font-size:clamp(22px,2vw,30px);color:var(--ink)}
.brand em{font-style:italic;font-weight:600;color:var(--maroon)}
.hero h1{margin-top:8px;font-size:clamp(50px,6.6vw,104px);line-height:.98}
.hero h1 em{display:inline;color:var(--maroon)}
.belongs{position:relative;white-space:nowrap}
.belongs::after{content:"";position:absolute;left:0;right:0;bottom:.06em;height:.14em;background:var(--gold-hi);z-index:-1;transform-origin:0 50%;animation:ink 1s .5s cubic-bezier(.2,.8,.2,1) both}
@keyframes ink{from{transform:scaleX(0)}}
.hero .sub{font-size:clamp(15px,1.2vw,18px);letter-spacing:.14em}
.cta.big{padding:17px 32px;font-size:18px}
.cta.big span{transition:transform .2s}.cta.big:hover span{transform:translateX(4px)}
.hgrid{grid-template-columns:minmax(0,1.35fr) minmax(0,.95fr)}
.hstage{position:relative;display:grid;grid-template-columns:auto auto;align-items:center;justify-content:center;gap:22px}
.hstage .trophy{height:min(72vh,640px)}
.ticket{position:relative;width:clamp(190px,15vw,230px);background:var(--cream);border-radius:20px;padding:18px 18px 16px;text-align:center;
  box-shadow:0 0 0 5px var(--bg),0 0 0 6.5px var(--gold),0 24px 40px -16px rgba(6,13,31,.45);transform:rotate(-3deg);animation:tick 5s ease-in-out infinite}
@keyframes tick{50%{transform:rotate(-1deg) translateY(-6px)}}
.ticket .k{font-weight:700;font-size:14px;letter-spacing:.18em;text-transform:uppercase;color:var(--maroon)}
.ticket .qr{width:100%;margin:10px 0 8px;padding:8px;border-radius:10px;box-shadow:inset 0 0 0 1px var(--line)}
.ticket .tk{font-size:14px;font-weight:600;color:var(--muted)}
@media (max-width:860px){
  .hstage{grid-template-columns:1fr;justify-items:start;margin-top:6px}
  .hstage .trophy{display:none}
  .ticket{transform:none;animation:none;width:220px}
  .hero h1{font-size:clamp(44px,12vw,60px)}
}

@media (min-width:861px){
  .hero{padding-block:calc(84px + env(safe-area-inset-top,0px)) 22px}
  .hero h1{font-size:clamp(44px,5.3vw,84px)}
  .brand{margin-top:16px}
  .hero .lede{margin-top:12px}
  .facts{margin-top:18px}.btns{margin-top:22px}
  .hstage .trophy{height:min(60vh,560px)}
  .hlogos{padding-bottom:14px}
  .hlogos img{height:clamp(62px,5.6vw,88px)}
  .hero h1.mark{font-size:clamp(44px,5vw,84px)}
  .hstage .trophy{height:min(56vh,520px)}
}

@media (min-width:861px){
  .hero{padding-block:calc(76px + env(safe-area-inset-top,0px)) 0;align-content:end}
  .hgrid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:end}
  .hcopy{padding-bottom:26px}
  .hlogos{justify-content:flex-start;gap:12px 30px;padding-bottom:12px}
  .hlogos img{height:clamp(52px,4.6vw,70px)}
  .hstage{display:block;position:relative;height:calc(100vh - 76px);min-height:620px}
  .hstage .trophy{position:absolute;left:8%;bottom:3vh;height:calc(100% - 4vh);max-height:none}
  .ticket{position:absolute;right:0;bottom:12vh}
}

@media (min-width:861px){
  .hero{min-height:100vh;height:100vh;min-height:640px}
  .hgrid{height:100%}
  .hcopy{align-self:center;padding-bottom:0}
  .hlogos{flex-wrap:nowrap;gap:10px 26px}
  .hlogos figcaption{font-size:12px;letter-spacing:.08em}
  .hlogos img{height:clamp(48px,4.2vw,64px)}
  .tags{margin-top:16px}
  .hero h1.mark{margin-top:12px;font-size:clamp(42px,4.7vw,78px)}
  .tagline{margin-top:6px}
  .cer{margin-top:12px;padding:8px 0 8px 16px}
  .cen{font-size:clamp(19px,1.75vw,28px)}
  .chi{font-size:clamp(18px,1.6vw,26px)}
  .hook{margin-top:12px}
  .facts{margin-top:12px}.facts b{font-size:clamp(26px,2.4vw,38px)}
  .btns{margin-top:16px}
  .hstage{height:100%;min-height:0;align-self:stretch}
  .hstage .trophy{bottom:3vh;height:calc(100% - 6vh)}
}

@media (min-width:861px){
  .hero{display:block;padding-bottom:0}
  .hero .hgrid{height:calc(100vh - 76px);min-height:600px;align-items:center}
  .hlogos figcaption{white-space:nowrap}
  .hlogos{gap:10px 22px}
  .hlogos img{height:clamp(46px,3.9vw,60px)}
  .hgrid{grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr)}
}

@media (min-width:861px){
  .hstage{display:grid!important;grid-template-columns:auto auto;align-items:center;justify-content:center;gap:clamp(16px,2vw,32px);position:relative}
  .hstage .trophy{position:relative!important;left:auto!important;bottom:auto!important;height:min(calc(100vh - 110px),780px)!important}
  .ticket{position:relative!important;right:auto!important;bottom:auto!important;transform:none!important;animation:none!important;width:clamp(170px,14vw,220px)}
}
@media (min-width:861px) and (max-height:820px){
  .hlogos img{height:6.4vh}
  .hlogos figcaption{font-size:11.5px}
  .tags{margin-top:1.4vh}.open,.days{padding:5px 14px;font-size:14px}
  .hero h1.mark{margin-top:1vh;font-size:min(4.7vw,7.4vh)}
  .tagline{font-size:min(1.6vw,3vh)}
  .cer{margin-top:1.2vh;padding-block:.6vh}
  .cen{font-size:min(1.75vw,3.3vh)}.chi{font-size:min(1.6vw,3vh)}.when{font-size:13px;margin-top:.4vh}
  .hook{margin-top:1.2vh;font-size:min(2vw,3.6vh)}
  .facts{margin-top:1vh}.facts b{font-size:min(2.4vw,4.4vh)}.facts span{font-size:14px;margin-top:2px}
  .btns{margin-top:1.6vh}.cta.big{padding:1.6vh 28px;font-size:17px}.ghost{padding:1.4vh 22px}
}
.qr .wait{display:grid;place-items:center;width:100%;height:100%;border:2px dashed var(--line);border-radius:8px;font-size:14px;line-height:1.35;color:var(--muted);text-align:center;padding:10px}
@media (max-width:860px){
  body{font-size:17px}
  .hgrid,.slip{grid-template-columns:1fr}
  .trophy{display:none}
  .wgrid{grid-template-columns:1fr}
  .steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ask{grid-template-columns:1fr}
  .bar a.cta{padding:10px 18px;font-size:15px}
  .pbox{grid-template-columns:1fr}
  .pr{border-radius:0 0 22px 22px}
  .pl{padding:28px 22px 18px}
  .rivers{display:none}
}

/* ===== wow layer ===== */
.curtain{position:fixed;top:0;bottom:0;width:51vw;z-index:60;pointer-events:none;
  background:repeating-linear-gradient(90deg,#0d1d4a 0,#2447a3 3.2vw,#122a66 5.6vw,#1d3a8a 8vw,#0d1d4a 10vw);box-shadow:inset 0 0 140px rgba(0,0,0,.6)}
.curtain.l{left:0;border-right:6px solid #bfa06a;animation:openL 1.5s .9s cubic-bezier(.6,0,.3,1) forwards}
.curtain.r{right:0;border-left:6px solid #bfa06a;animation:openR 1.5s .9s cubic-bezier(.6,0,.3,1) forwards}
@keyframes openL{to{transform:translateX(-102%);visibility:hidden}}
@keyframes openR{to{transform:translateX(102%);visibility:hidden}}
.seal{position:fixed;left:50%;top:50%;z-index:61;width:min(40vw,170px);aspect-ratio:1;border-radius:50%;display:grid;place-content:center;text-align:center;pointer-events:none;
  transform:translate(-50%,-50%);color:#2b2410;background:radial-gradient(circle at 35% 28%,#f7efdc,#d9c08c 38%,#a8894f 72%,#6e5a33);
  box-shadow:0 14px 40px rgba(0,0,0,.6),inset 0 0 0 7px rgba(122,78,12,.5);animation:sealOut .6s .55s ease-in forwards}
.seal b{font-family:var(--serif);font-weight:900;font-size:52px;line-height:1}.seal span{font-weight:700;font-size:13px;letter-spacing:.28em;text-transform:uppercase}
@keyframes sealOut{to{transform:translate(-50%,-50%) scale(1.6);opacity:0;visibility:hidden}}
html.seen .curtain,html.seen .seal{display:none}

.w{display:inline-block;animation:rise .9s cubic-bezier(.2,.8,.2,1) backwards;animation-delay:calc(1.5s + var(--d) * .12s)}
html.seen .w{animation-delay:calc(var(--d) * .1s)}
@keyframes rise{from{opacity:0;transform:translateY(.45em) rotate(2deg)}}
.hero h1.mark .v{background:linear-gradient(105deg,#9c7c43 0%,#cdb07a 38%,#f7efdc 50%,#cdb07a 62%,#9c7c43 100%) 0 0/260% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:rise .9s cubic-bezier(.2,.8,.2,1) backwards,shine 4.5s 2.5s ease-in-out infinite;animation-delay:calc(1.5s + .12s),2.5s}
@keyframes shine{0%,15%{background-position:100% 0}85%,100%{background-position:0 0}}

.hstage{isolation:isolate}
.hstage::before{content:"";position:absolute;left:50%;top:-80px;width:min(520px,46vw);height:calc(100% + 80px);transform:translateX(-62%);z-index:-1;pointer-events:none;
  background:conic-gradient(from 180deg at 50% 0,transparent 160deg,rgba(235,222,190,.55) 172deg,rgba(245,238,220,.75) 180deg,rgba(235,222,190,.55) 188deg,transparent 200deg);
  -webkit-mask:linear-gradient(#000 40%,transparent);mask:linear-gradient(#000 40%,transparent);animation:beam 7s ease-in-out infinite alternate}
@keyframes beam{to{transform:translateX(-58%) rotate(2deg)}}
#dust{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}
.trophy{perspective:900px}
.tilt{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .25s ease-out;transform:rotateY(var(--ry,0deg)) rotateX(var(--rx,0deg))}
.tilt img{width:100%;height:100%;display:block;filter:drop-shadow(0 30px 30px rgba(4,9,21,.3))}
.trophy img{animation:none}
.glint{position:absolute;inset:0;pointer-events:none;-webkit-mask:url(trophy-2.webp) center/100% 100% no-repeat;mask:url(trophy-2.webp) center/100% 100% no-repeat;
  background:linear-gradient(165deg,rgba(250,246,235,0) 40%,rgba(252,250,242,.95) 50%,rgba(250,246,235,0) 60%) 0 -100%/100% 300% no-repeat;animation:glint 3.8s 2.4s ease-in-out infinite}
@keyframes glint{0%{background-position:0 -100%}45%,100%{background-position:0 200%}}
.ticket{animation:glow 2.6s ease-in-out infinite}
@keyframes glow{50%{box-shadow:0 0 0 5px var(--bg),0 0 0 6.5px var(--gold),0 0 34px 6px rgba(217,192,140,.55)}}

.ribbon{position:relative;overflow:hidden;background:var(--maroon);border-block:2px solid var(--gold);padding:14px 0}
.rtrack{display:flex;gap:0;width:max-content;animation:marq 60s linear infinite}
.rtrack span{font-family:var(--serif);font-style:italic;font-weight:600;font-size:clamp(18px,1.6vw,24px);color:var(--cream);white-space:nowrap;padding-inline:26px}
.rtrack span::after{content:"✦";margin-left:52px;color:var(--gold-hi);font-style:normal;font-size:.8em}
@keyframes marq{to{transform:translateX(-50%)}}
.ribbon:hover .rtrack{animation-play-state:paused}

@media (max-width:860px){.curtain{width:51vw}.seal b{font-size:40px}}
@media (prefers-reduced-motion:reduce){.curtain,.seal{display:none}}

/* ===== dark stage hero ===== */
.hero{background:radial-gradient(ellipse 60% 70% at 68% 30%,#16285a 0%,#0b1631 55%,#040915 100%);color:var(--cream);position:relative;overflow:hidden}
.hero .wrap{position:relative;z-index:3}
.rivers{color:rgba(217,192,140,.05)!important;z-index:1}
.drape{position:absolute;top:0;bottom:0;width:7vw;z-index:2;pointer-events:none;
  background:repeating-linear-gradient(90deg,#08143a 0,#1d3a8a 1.2vw,#0d1d4a 2.2vw,#173178 3.2vw,#08143a 4vw);box-shadow:inset 0 0 60px rgba(0,0,0,.7)}
.drape.l{left:0;border-right:3px solid #bfa06a;border-radius:0 0 60% 0/0 0 12% 0}
.drape.r{right:0;border-left:3px solid #bfa06a;border-radius:0 0 0 60%/0 0 0 12%}
.valance{position:absolute;left:0;right:0;top:0;height:46px;z-index:2;pointer-events:none;
  background:radial-gradient(circle at 50% 0,#1d3a8a 0 60%,transparent 61%) 0 0/90px 46px repeat-x,#0d1d4a;border-bottom:3px solid #bfa06a;
  -webkit-mask:radial-gradient(circle at 50% 0,#000 0 70%,transparent 71%) 0 0/90px 46px repeat-x;mask:radial-gradient(circle at 50% 0,#000 0 70%,transparent 71%) 0 0/90px 46px repeat-x}
.floor{position:absolute;left:0;right:0;bottom:0;height:22vh;z-index:1;pointer-events:none;background:radial-gradient(ellipse 40% 60% at 66% 100%,rgba(217,192,140,.28),transparent 70%)}
.hero .hlogos{border-bottom-color:rgba(217,192,140,.25)}
.hero .hlogos figcaption{color:#c3cde3}
.hero .hlogos img{background:#fff;border-radius:10px;padding:6px 10px;box-shadow:0 6px 18px rgba(0,0,0,.4)}
.hero .hlogos .om{background:#060d1f;border:1px solid rgba(217,192,140,.5)}
.hero .open{background:rgba(255,255,255,.06);border-color:rgba(217,192,140,.35);color:var(--cream)}
.hero .days{background:var(--gold-hi);color:var(--night)}
.hero h1.mark{color:var(--cream);text-shadow:0 4px 30px rgba(0,0,0,.5)}
.hero h1.mark em{color:#ff8a9a;color:#f3a6b2}
.hero h1.mark em{background:linear-gradient(180deg,#f7efdc 0%,#d9c08c 50%,#a8894f 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hero .tagline{color:var(--gold-hi)}
.hero .cer{border-left-color:var(--gold-hi);background:linear-gradient(90deg,rgba(217,192,140,.12),transparent)}
.hero .cen{color:var(--gold-hi)}
.hero .chi{color:var(--cream)}
.hero .when{color:#c3cde3}
.hero .hook{color:var(--cream)}.hero .hook em{color:var(--gold-hi)}
.hero .belongs::after{background:#3c6ee0}
.hero .facts b{color:var(--gold-hi)}.hero .facts span{color:#c3cde3}
.hero .lede{color:#dce3f1}
.hero .cta{background:linear-gradient(180deg,#f3e9d2,#cdb07a);color:var(--night);box-shadow:0 10px 30px -8px rgba(217,192,140,.6)}
.hero .cta:hover{background:linear-gradient(180deg,#faf3e3,#d9c08c)}
.hero .ghost{border-color:rgba(217,192,140,.6);color:var(--gold-hi)}
.hstage::before{background:conic-gradient(from 180deg at 50% 0,transparent 158deg,rgba(235,222,190,.28) 170deg,rgba(245,238,220,.45) 180deg,rgba(235,222,190,.28) 190deg,transparent 202deg)!important}
.hero .tilt img{filter:drop-shadow(0 0 40px rgba(217,192,140,.35)) drop-shadow(0 30px 30px rgba(0,0,0,.6))}
.hero .ticket{box-shadow:0 0 0 5px #0b1631,0 0 0 6.5px var(--gold-hi),0 24px 50px -10px rgba(0,0,0,.7)}
@keyframes glow{50%{box-shadow:0 0 0 5px #0b1631,0 0 0 6.5px var(--gold-hi),0 0 44px 10px rgba(217,192,140,.5)}}
.bar{background:rgba(4,9,21,.92);border-bottom-color:rgba(217,192,140,.25)}
.bar b{color:var(--cream)}.bar b span{color:var(--gold-hi)}
.bar .cta{background:linear-gradient(180deg,#f3e9d2,#cdb07a);color:var(--night)}
.ribbon{background:#0b1631;border-block:1px solid rgba(217,192,140,.45)}
.rtrack span{color:#efe6d2}.rtrack span::after{color:var(--gold-hi)}
@media (max-width:860px){.drape{width:10px}.valance{height:24px;background-size:50px 24px;-webkit-mask-size:50px 24px;mask-size:50px 24px}}

/* ===== whole page on the dark stage, tighter ===== */
body{background:#060d1f;color:var(--cream)}
.band:not(.hero){min-height:0;padding-block:clamp(44px,7vh,72px)}
.why{background:#0b1631;border-color:rgba(217,192,140,.18)}
#categories{background:#060d1f}
.eyebrow{color:var(--gold-hi)}
h2{color:var(--cream)}h2 em{color:var(--gold-hi)}
.lede{color:#c3cde3}
.wgrid{margin-top:22px;gap:14px}
.wgrid article{background:linear-gradient(180deg,rgba(217,192,140,.08),rgba(217,192,140,.02));border:1px solid rgba(217,192,140,.22);border-top:3px solid var(--gold-hi);padding:18px 20px}
.wgrid h3{color:var(--gold-hi)}.wgrid p{color:#dce3f1}
.states{margin-top:16px}.states span{background:rgba(255,255,255,.05);border-color:rgba(217,192,140,.3);color:var(--cream)}





.steps{margin-top:22px}
.steps li{border-top-color:var(--gold-hi)}
.steps li::before{-webkit-text-stroke-color:var(--gold-hi)}
.steps h3{color:var(--cream)}.steps p{color:#c3cde3}
.slipband{background:radial-gradient(ellipse 60% 80% at 80% 50%,#16285a,#060d1f 70%)}
footer{background:#040915;border-top-color:rgba(217,192,140,.2)}
.partners figcaption{color:#c3cde3}
.partners img{background:#fff;border-radius:10px;padding:6px 10px}
.partners .om{background:#060d1f;border:1px solid rgba(217,192,140,.5)}
.copy{color:#c3cde3}
.ghost{border-color:rgba(217,192,140,.6);color:var(--gold-hi)}
/* hero: less empty space at top */
@media (min-width:861px){
  .hero .hgrid{height:calc(100vh - 64px)}
  .hcopy{align-self:center}
}
.hero{padding-top:calc(64px + env(safe-area-inset-top,0px))!important}

.hlogos .sm{display:none}
@media (max-width:860px){
  .hero{padding-top:calc(64px + env(safe-area-inset-top,0px))!important;padding-bottom:28px}
  .hlogos{display:grid!important;grid-template-columns:1.5fr .8fr .8fr 1.4fr;gap:8px;align-items:end;padding-bottom:12px}
  .hlogos figure{gap:5px;justify-items:center}
  .hlogos .lg{display:none}.hlogos .sm{display:inline}
  .hlogos figcaption{font-size:11px!important;letter-spacing:.06em!important;white-space:nowrap}
  .hlogos img{height:38px!important;padding:4px 6px!important;border-radius:8px!important;max-width:100%!important;object-fit:contain}
  .tags{margin-top:12px;gap:8px}.open,.days{font-size:14px;padding:6px 12px}
  .hero h1.mark{margin-top:10px;font-size:clamp(40px,11.5vw,54px)!important;line-height:.98}
  .tagline{font-size:18px;margin-top:6px}
  .cer{margin-top:12px;padding:10px 12px}
  .cen{font-size:20px}.chi{font-size:19px}.when{font-size:13px;letter-spacing:.1em}
  .hero .lede{display:none}
  .hook{font-size:22px;margin-top:12px}
  .facts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}
  .facts b{font-size:30px}.facts span{font-size:13.5px;margin-top:2px;line-height:1.3}
  .btns{display:grid;grid-template-columns:1fr;gap:10px;margin-top:16px}
  .btns .cta,.btns .ghost{justify-content:center;width:100%}
  /* stage block with trophy + QR on phones */
  .hstage{display:grid!important;grid-template-columns:1fr 1fr;align-items:center;gap:14px;margin-top:22px;position:relative;min-height:0;height:auto}
  .hstage .trophy{display:block!important;position:relative!important;height:330px!important;justify-self:center;left:auto!important;bottom:auto!important}
  .hstage::before{width:90%;transform:translateX(-75%)}
  .ticket{width:100%!important;max-width:190px;justify-self:center;padding:14px 12px}
  .ticket .k{font-size:13px;letter-spacing:.12em}
  .ticket .tk{font-size:13px}
  #dust{display:block}
  .hgrid{gap:0}
  .drape{width:8px}
}

@media (max-width:860px){
  .hero .hgrid{display:flex;flex-direction:column}
  .hcopy{display:contents}
  .hlogos{order:1}.tags{order:2;flex-wrap:nowrap}.hero h1.mark{order:3}.tagline{order:4}
  .hstage{order:5;margin-top:14px!important;margin-bottom:4px}
  .cer{order:6}.hook{order:7}.facts{order:8}.btns{order:9}.hero .lede{order:10}
  .open,.days{font-size:13px!important;padding:6px 11px!important;white-space:nowrap}
  .hstage .trophy{height:300px!important}
}

/* popup on navy */
.pbox{background:linear-gradient(160deg,#0b1631,#16285a);border:1.5px solid var(--gold-hi);color:var(--cream)}
.pl .k{color:var(--gold-hi)}
.pl h3{color:var(--cream)}.pl h3 em{color:var(--gold-hi)}
.pl p{color:#c3cde3}.pl li{color:var(--cream)}.pl li b{color:var(--gold-hi)}
.pl .cta{background:linear-gradient(180deg,#f3e9d2,#cdb07a);color:var(--night)}
.pl .ghost{border-color:rgba(217,192,140,.6);color:var(--gold-hi)}
.pr{background:#060d1f;border-left:1px solid rgba(217,192,140,.3)}
.x{background:rgba(255,255,255,.12)!important;color:var(--cream)!important}
.qrcard .cta{background:linear-gradient(180deg,#f3e9d2,#cdb07a);color:var(--night)}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}

/* ===== nomination form page (nominate.php) ===== */
.formband{min-height:100vh;padding:calc(84px + env(safe-area-inset-top,0px)) 0 56px;background:radial-gradient(ellipse 60% 60% at 80% 10%,#16285a,#060d1f 70%)}
.fhead{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:center;max-width:860px;margin:0 auto 22px}
.fhead img{height:110px;width:auto;filter:drop-shadow(0 0 22px rgba(217,192,140,.35))}
.fhead h1{font-family:var(--serif);font-weight:900;font-size:clamp(30px,3.6vw,46px);line-height:1.05;color:var(--cream);margin-top:6px}
.fhead h1 em{font-style:italic;font-weight:600;color:var(--gold-hi)}
.fhead p.lede{margin-top:8px;font-size:16px}
.fcard{max-width:860px;margin:0 auto;background:var(--cream);color:var(--ink);border-radius:22px;padding:clamp(18px,3vw,30px);box-shadow:0 0 0 6px var(--night),0 0 0 7px var(--gold-hi),0 30px 60px -20px rgba(0,0,0,.6)}
.fcard fieldset{border:0;margin:0 0 18px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px}
.fcard legend{font-family:var(--serif);font-weight:800;font-size:21px;color:var(--maroon);padding:0;margin-bottom:10px}
.field{display:flex;flex-direction:column;gap:5px;min-width:0}
.field.full{grid-column:1/-1}
.fcard label{font-size:14px;font-weight:600}
.fcard label b{color:#b3261e}
.fcard label span{font-weight:400;color:var(--muted)}
.fcard input[type=text],.fcard input[type=email],.fcard input[type=tel],.fcard input[type=url],.fcard select,.fcard textarea{
  width:100%;min-height:46px;padding:10px 13px;border:1.5px solid rgba(11,22,49,.2);border-radius:10px;background:#fff;color:var(--ink);font:400 16px/1.4 var(--body)}
.fcard textarea{min-height:0;resize:vertical}
.fcard select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%2316306e' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;padding-right:36px}
.fcard input:focus,.fcard select:focus,.fcard textarea:focus{outline:none;border-color:var(--maroon);box-shadow:0 0 0 3px rgba(22,48,110,.15)}
.seg{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.seg label{display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;border:1.5px solid rgba(11,22,49,.2);border-radius:10px;background:#fff;cursor:pointer;font-weight:600}
.seg input{accent-color:var(--maroon);width:18px;height:18px;margin:0}
.seg label:has(input:checked){border-color:var(--maroon);background:#eef2fb;color:var(--maroon)}
.invalid input,.invalid select,.invalid textarea{border-color:#b3261e!important}
.err{color:#b3261e;font-size:13.5px}
.err:empty{display:none}
.consent{display:flex;gap:10px;align-items:flex-start;margin-top:4px}
.consent input{width:20px;height:20px;flex-shrink:0;margin:2px 0 0;accent-color:var(--maroon)}
.consent label{font-weight:400;font-size:14.5px}
.fcard .cta{width:100%;justify-content:center;margin-top:16px;background:var(--maroon);color:var(--cream);font-size:17px;padding:16px}
.fcard .cta:hover{background:#24479f}
.fcard .cta[disabled]{opacity:.6;cursor:progress}
.fcard .fine{text-align:center;font-size:13.5px}
.form-alert{background:#fbe9e7;color:#8c1d18;border-radius:10px;padding:11px 14px;margin-bottom:14px;font-size:15px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.done{text-align:center;padding:26px 6px}
.done h2{color:var(--maroon);margin-top:0}
.done p{margin-top:10px;color:var(--muted)}
.done .cta{width:auto;margin-top:20px}
.back{color:var(--gold-hi);font-weight:600;font-size:15px;text-decoration:none}
@media (max-width:640px){
  .fhead{grid-template-columns:1fr;text-align:center}.fhead img{height:84px;margin:0 auto}
  .fcard fieldset{grid-template-columns:1fr}
}

/* ---- Nomination form: reach hint and repeatable platform links ----
   The card is light (#fff, dark ink) and fieldset is a 2-col grid.
   .field.full spans both columns, so each link row is its own flex line. */
.fcard .hint{display:block;margin-top:6px;font-size:13.5px;line-height:1.45;color:rgba(11,22,49,.6)}

.fcard .links{display:flex;flex-direction:column;gap:8px}
.fcard .linkrow{display:flex;align-items:center;gap:8px}
/* The base input rule is width:100%; override so it can shrink beside the button. */
.fcard .linkrow input[type=url]{flex:1 1 auto;width:auto;min-width:0}
.fcard .linkdel{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;
  width:44px;height:44px;padding:0;border:1.5px solid rgba(11,22,49,.18);border-radius:50%;
  background:#fff;color:rgba(11,22,49,.45);cursor:pointer;
  transition:border-color .15s,color .15s,background .15s}
.fcard .linkdel svg{width:14px;height:14px;display:block}
.fcard .linkdel:hover{border-color:#b3261e;color:#b3261e;background:#fdf3f2}
.fcard .linkdel[hidden]{display:none}

.fcard .linkadd{display:inline-flex;align-items:center;gap:7px;width:fit-content;
  margin-top:10px;padding:9px 16px;border:1.5px dashed rgba(22,48,110,.4);border-radius:999px;
  background:transparent;color:var(--maroon);font:600 14px/1 var(--body);cursor:pointer;
  transition:background .15s,border-color .15s,border-style .15s}
.fcard .linkadd svg{width:13px;height:13px;display:block}
.fcard .linkadd:hover{background:#eef2fb;border-color:var(--maroon);border-style:solid}
.fcard .linkadd[hidden]{display:none}

/* ---- Floating call + WhatsApp (shared by both pages) ---- */
.ifloat{position:fixed;right:16px;bottom:16px;z-index:40;display:flex;flex-direction:column;gap:10px;
  padding-bottom:env(safe-area-inset-bottom,0px)}
.ifloat-btn{display:inline-flex;align-items:center;gap:9px;padding:12px 18px 12px 15px;border-radius:999px;
  font:600 15px/1 var(--body);text-decoration:none;color:#fff;
  box-shadow:0 10px 26px -10px rgba(6,13,31,.55),0 2px 6px rgba(6,13,31,.2);
  transition:transform .18s ease,box-shadow .18s ease}
.ifloat-btn svg{width:20px;height:20px;flex:0 0 auto}
.ifloat-btn:hover{transform:translateY(-2px);box-shadow:0 16px 32px -12px rgba(6,13,31,.6)}
.ifloat-btn:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.ifloat-btn--call{background:var(--maroon)}
.ifloat-btn--call:hover{background:#24479f}
.ifloat-btn--wa{background:#25d366;color:#07321a}
.ifloat-btn--wa:hover{background:#1fbe5b}
@media (max-width:640px){
  .ifloat{right:12px;bottom:12px;gap:8px}
  /* Icon-only on small screens so the buttons never cover the form */
  .ifloat-btn{padding:13px;border-radius:50%}
  .ifloat-btn span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
}
@media (prefers-reduced-motion:reduce){.ifloat-btn{transition:none}.ifloat-btn:hover{transform:none}}

/* ===== award categories (five zones, as on the poster) ===== */
.cat-head{text-align:center;max-width:760px;margin:0 auto}
.cat-head .eyebrow{display:flex;align-items:center;justify-content:center;gap:14px}
.cat-head .eyebrow::before,.cat-head .eyebrow::after{content:"";height:1px;width:clamp(40px,10vw,120px);background:linear-gradient(90deg,transparent,var(--gold-hi))}
.cat-head .eyebrow::after{transform:scaleX(-1)}
.cat-head h2{font-size:clamp(40px,5vw,72px)}
.cat-head .lede{margin:12px auto 0}
.zones{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:30px}
.zone{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:250px;padding:22px 20px 20px;border-radius:16px;color:#fff;text-decoration:none;
  border:1px solid rgba(255,255,255,.14);box-shadow:0 22px 40px -24px rgba(0,0,0,.8);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.zone::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.16) 50%,transparent 65%);transform:translateX(-120%);transition:transform .9s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.zone--virasat{background:linear-gradient(160deg,#9b1b39,#5c0b1f)}
.zone--jagriti{background:linear-gradient(160deg,#b0731f,#6b3f0c)}
.zone--samavesh{background:linear-gradient(160deg,#6a2c94,#3b1257)}
.zone--sehat{background:linear-gradient(160deg,#1f8a5b,#0f4a31)}
.zone--dharti{background:linear-gradient(160deg,#5f7d1c,#33460c)}
.zone--yuva{background:linear-gradient(160deg,#2c51ad,#142a66)}
.zone--seva{background:linear-gradient(160deg,#b8401e,#6e2010)}
.zone--kala{background:linear-gradient(160deg,#5a2d1c,#2b120a)}
.zone h3{font-family:var(--serif);font-weight:900;font-size:clamp(24px,2.1vw,32px);line-height:1.05}
.zone-sub{margin-top:8px;font-weight:700;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:#f3d88f}
.zone-tag{margin-top:14px;font-family:var(--serif);font-style:italic;font-weight:600;font-size:clamp(17px,1.35vw,20px);line-height:1.3;color:rgba(255,255,255,.92)}
.zone-go{margin-top:auto;padding-top:18px;font-weight:600;font-size:14px;color:#fff;opacity:.85}
.zone-go span{display:inline-block;transition:transform .25s}
@media (hover:hover){
  .zone:hover{transform:translateY(-6px);box-shadow:0 30px 50px -22px rgba(0,0,0,.9)}
  .zone:hover::after{transform:translateX(120%)}
  .zone:hover .zone-go{opacity:1}.zone:hover .zone-go span{transform:translateX(4px)}
}
.zone:focus-visible{outline:3px solid var(--gold-hi);outline-offset:3px}
@media (max-width:1100px){.zones{grid-template-columns:repeat(4,minmax(0,1fr))}.zone h3{font-size:24px}}
@media (max-width:860px){.zones{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){
  .zones{grid-template-columns:1fr 1fr;gap:10px}
  .zone{min-height:0;padding:16px 14px}
  .zone-sub{font-size:11px;letter-spacing:.1em}
  .zone-tag{font-size:16px;margin-top:10px}
  .zone-go{font-size:13px;padding-top:12px}
}

/* no popup on phones and tablets */
@media (max-width:860px),(hover:none){.pop{display:none!important}}

/* mobile polish */
.back{display:inline-flex;align-items:center;min-height:44px;padding:0 4px}
@media (max-width:860px){
  .linkadd{min-height:44px}
  .wgrid article{padding:16px 18px}
  .wgrid p{font-size:16px}
  .ask li{font-size:16px}
  .hlogos figcaption{font-size:11.5px!important}
  .zone-sub{font-size:11.5px}
  body{padding-bottom:env(safe-area-inset-bottom,0px)}
}
@media (max-width:420px){
  .hook{font-size:21px}
  .facts b{font-size:28px}
}

/* Form hero ceremony block, mirroring the landing page's .cer on a dark band. */
.fhead .fcer{margin-top:14px;padding-top:12px;border-top:1px solid rgba(217,192,140,.28)}
.fhead .fcen{margin:0;font-family:var(--serif);font-size:clamp(15px,1.5vw,18px);font-weight:600;color:var(--cream);letter-spacing:.01em}
.fhead .fchi{margin:3px 0 0;font-family:"Noto Serif Devanagari",var(--serif);font-weight:700;
  font-size:clamp(14px,1.4vw,17px);color:var(--cream);line-height:1.45}
.fhead .fwhen{margin:6px 0 0;font-weight:700;font-size:13px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--gold)}
@media (max-width:860px){
  .fhead .fcer{border-top:0;padding-top:0;margin-top:12px}
  .fhead .fwhen{font-size:13px}
}

/* ===================================================================
   MAROON NIGHT THEME — palette from the brief:
   bg #4D1020 (centre glow) → #22070E (middle) → #110307 (edges); gold lines #C9994F;
   gold highlight #F0C264; gold gradient #FFF0C4 → #E3B660 → #A8751F;
   cream text #FBF3E4, secondary #E6D3B3;
   Layout and animation rules above are unchanged.
   =================================================================== */
:root{
  --glow:#4D1020; --mid:#22070E; --edge:#110307;
  --line-gold:#C9994F; --gold-hi:#F0C264; --g1:#FFF0C4; --g2:#E3B660; --g3:#A8751F;
  --text:#FBF3E4; --text-2:#E6D3B3; --on-gold:#3A0A14;
  --gold-grad:linear-gradient(180deg,var(--g1) 0%,var(--g2) 50%,var(--g3) 100%);
  --bg:var(--mid); --paper:#2b0a13; --cream:#FBF3E4; --ink:#22070E; --maroon:#4D1020; --maroon-2:#62162a;
  --gold:var(--line-gold); --gold-mid:var(--line-gold); --muted:var(--text-2); --line:rgba(201,153,79,.3); --night:var(--edge);
}
body{background:var(--edge);color:var(--text)}

/* buttons: gold gradient with dark maroon text */
.cta,.hero .cta,.bar .cta,.pl .cta,.qrcard .cta{background:var(--gold-grad);color:var(--on-gold);box-shadow:0 10px 26px -12px rgba(227,182,96,.55)}
.cta:hover,.hero .cta:hover{background:linear-gradient(180deg,#fff6db,#ecc477 50%,#b9822a);color:var(--on-gold)}
.ghost,.hero .ghost,.pl .ghost{border-color:var(--line-gold);color:var(--gold-hi)}

/* top bar */
.bar{background:rgba(17,3,7,.9);border-bottom:1px solid var(--line)}
.bar b{color:var(--text)}.bar b span{color:var(--gold-hi)}
.back{color:var(--gold-hi)}

/* curtains and drapes: deep maroon velvet with gold edges */
.curtain{background:repeating-linear-gradient(90deg,var(--edge) 0,var(--glow) 3.2vw,var(--mid) 5.6vw,#3a0c18 8vw,var(--edge) 10vw)}
.curtain.l{border-right-color:var(--line-gold)}.curtain.r{border-left-color:var(--line-gold)}
.drape{background:repeating-linear-gradient(90deg,var(--edge) 0,var(--glow) 1.2vw,var(--mid) 2.2vw,#3a0c18 3.2vw,var(--edge) 4vw);box-shadow:inset 0 0 50px rgba(0,0,0,.6)}
.drape.l{border-right-color:var(--line-gold)}.drape.r{border-left-color:var(--line-gold)}
.valance{background:radial-gradient(circle at 50% 0,var(--glow) 0 60%,transparent 61%) 0 0/90px 46px repeat-x,var(--mid);border-bottom-color:var(--line-gold)}
.seal{background:radial-gradient(circle at 35% 28%,var(--g1),var(--g2) 40%,var(--g3) 75%,#6e4a14);color:var(--on-gold)}

/* hero */
.hero{background:radial-gradient(ellipse 65% 75% at 62% 42%,var(--glow) 0%,var(--mid) 55%,var(--edge) 100%);color:var(--text)}
.rivers{color:rgba(240,194,100,.05)!important}
.floor{background:radial-gradient(ellipse 40% 60% at 66% 100%,rgba(227,182,96,.22),transparent 70%)}
.hero .hlogos{border-bottom-color:var(--line)}
.hero .hlogos figcaption{color:var(--text-2)}
.hero .hlogos img{background:#fff;box-shadow:0 6px 18px rgba(0,0,0,.45);border:1px solid rgba(201,153,79,.45)}
.hero .hlogos .om,.partners .om{background:transparent;border:0;box-shadow:none}
.hero .open{background:rgba(255,255,255,.05);border-color:var(--line);color:var(--text)}
.hero .days{background:var(--gold-grad);color:var(--on-gold)}
.hero h1.mark{color:var(--text);text-shadow:0 4px 30px rgba(0,0,0,.45)}
.hero h1.mark em{background:none;-webkit-text-fill-color:var(--gold-hi);color:var(--gold-hi)}
.hero h1.mark .v{background-image:linear-gradient(105deg,var(--g3) 0%,var(--g2) 38%,var(--g1) 50%,var(--g2) 62%,var(--g3) 100%)}
.hero .tagline{color:var(--text-2)}
.hero .cer{border-left-color:var(--line-gold);background:linear-gradient(90deg,rgba(201,153,79,.14),transparent)}
.hero .cen{color:var(--gold-hi)}
.hero .chi{color:var(--text)}
.hero .when{color:var(--line-gold)}
.hero .hook{color:var(--text)}.hero .hook em{color:var(--gold-hi)}
.hero .belongs::after{background:var(--line-gold)}
.hero .facts b{color:var(--gold-hi)}.hero .facts span{color:var(--text-2)}
.hero .lede{color:var(--text-2)}
.hstage::before{background:conic-gradient(from 180deg at 50% 0,transparent 158deg,rgba(240,194,100,.18) 170deg,rgba(255,240,196,.32) 180deg,rgba(240,194,100,.18) 190deg,transparent 202deg)!important}
.hero .tilt img{filter:drop-shadow(0 0 40px rgba(240,194,100,.3)) drop-shadow(0 30px 30px rgba(0,0,0,.6))}
.hero .ticket,.ticket{background:var(--cream);box-shadow:0 0 0 5px var(--mid),0 0 0 6.5px var(--line-gold),0 24px 50px -10px rgba(0,0,0,.7)}
@keyframes glow{50%{box-shadow:0 0 0 5px var(--mid),0 0 0 6.5px var(--line-gold),0 0 44px 10px rgba(240,194,100,.45)}}
.ticket .k{color:var(--glow)}
.ticket .tk{color:#6b4a3c}

/* award ribbon */
.ribbon{background:var(--mid);border-block:1px solid var(--line)}
.rtrack span{color:var(--text)}.rtrack span::after{color:var(--gold-hi)}

/* sections: headings gold, text cream */
.eyebrow{color:var(--line-gold)}
h2{color:var(--gold-hi)}h2 em{color:var(--text)}
.lede{color:var(--text-2)}
.why{background:radial-gradient(ellipse 60% 70% at 50% 0%,rgba(77,16,32,.75),transparent 70%),var(--mid);border-color:var(--line)}
#categories{background:radial-gradient(ellipse 60% 60% at 50% 40%,rgba(77,16,32,.6),transparent 70%),var(--edge)}
.wgrid article{background:linear-gradient(180deg,rgba(201,153,79,.09),rgba(201,153,79,.02));border:1px solid var(--line);border-top:3px solid var(--line-gold)}
.wgrid h3{color:var(--gold-hi)}.wgrid p{color:var(--text-2)}
.states span{background:rgba(255,255,255,.04);border-color:var(--line);color:var(--text)}
.cat-head .eyebrow::before,.cat-head .eyebrow::after{background:linear-gradient(90deg,transparent,var(--line-gold))}
.steps li{border-top-color:var(--line-gold)}
.steps li::before{-webkit-text-stroke-color:var(--gold-hi)}
.steps h3{color:var(--text)}.steps p{color:var(--text-2)}

/* nomination band */
.slipband{background:radial-gradient(ellipse 60% 80% at 75% 50%,var(--glow),var(--mid) 60%,var(--edge) 100%);color:var(--text)}
.slipband h2{color:var(--gold-hi)}.slipband h2 em{color:var(--text)}
.slipband .eyebrow{color:var(--line-gold)}
.slipband .lede{color:var(--text-2)}
.ask li{border-top-color:var(--line)}
.ask li::before{border-color:var(--gold-hi)}
.qrcard{background:var(--cream);color:var(--ink);box-shadow:0 0 0 6px var(--mid),0 0 0 7px var(--line-gold),0 30px 50px -20px rgba(0,0,0,.6)}
.qrcard .k{color:var(--g3)}
.qrcard p,.qrcard .fine{color:#6b4a3c}

/* footer */
footer{background:var(--edge);border-top-color:var(--line)}
.partners figcaption{color:var(--text-2)}
.partners img{background:#fff;box-shadow:0 6px 18px rgba(0,0,0,.4);border:1px solid rgba(201,153,79,.4)}
.copy{color:var(--text-2)}.copy a{color:var(--gold-hi)}

/* popup (desktop) */
.pop{background:rgba(17,3,7,.62)}
.pbox{background:radial-gradient(ellipse 80% 80% at 30% 20%,var(--glow),var(--mid) 70%);border:1.5px solid var(--line-gold);color:var(--text)}
.pl .k{color:var(--line-gold)}
.pl h3{color:var(--text)}.pl h3 em{color:var(--gold-hi)}
.pl p{color:var(--text-2)}.pl li{color:var(--text)}.pl li b{color:var(--gold-hi)}
.pr{background:var(--edge);border-left:1px solid var(--line)}
.pr p{color:var(--text-2)}
.x{background:rgba(255,255,255,.12)!important;color:var(--text)!important}

/* nomination form page: dark band, light form card for easy filling */
.formband{background:radial-gradient(ellipse 60% 60% at 75% 10%,var(--glow),var(--mid) 55%,var(--edge) 100%)}
.fhead h1{color:var(--text)}.fhead h1 em{color:var(--gold-hi)}
.fhead p.lede{color:var(--text-2)}
.fhead .eyebrow{color:var(--line-gold)}
.fhead .fcer{border-top-color:var(--line)}
.fhead .fcen{color:var(--gold-hi)}.fhead .fchi{color:var(--text)}.fhead .fwhen{color:var(--line-gold)}
.fhead img{filter:drop-shadow(0 0 22px rgba(240,194,100,.35))}
.fcard{background:var(--cream);color:var(--ink);box-shadow:0 0 0 6px var(--mid),0 0 0 7px var(--line-gold),0 30px 60px -20px rgba(0,0,0,.7)}
.fcard legend{color:var(--glow)}
.fcard label span{color:#6b4a3c}
.fcard select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%234D1020' stroke-width='2'/%3E%3C/svg%3E")}
.fcard input:focus,.fcard select:focus,.fcard textarea:focus{border-color:var(--glow);box-shadow:0 0 0 3px rgba(77,16,32,.14)}
.fcard .cta{background:var(--gold-grad);color:var(--on-gold)}
.fcard .fine{color:#6b4a3c}
.seg label:has(input:checked){background:#f6e9d6;border-color:var(--glow);color:var(--glow)}
.fcard .linkadd{color:var(--glow)}
.fcard .linkadd:hover{background:#f6e9d6}
.done h2{color:var(--glow)}
.ifloat-btn--call{background:var(--gold-grad);color:var(--on-gold)}
.ifloat-btn--call svg{fill:currentColor;color:var(--on-gold)}
.ifloat-btn--call:hover{background:linear-gradient(180deg,#fff6db,#ecc477 50%,#b9822a);color:var(--on-gold)}
.fcard .cta:hover{background:linear-gradient(180deg,#fff6db,#ecc477 50%,#b9822a);color:var(--on-gold)}

/* ---- Viksit Bharat banner in the "what's in it for creators" band ----
   Restores the .vbar component, recoloured to the maroon of the current
   palette with the gold rule and type from the poster. */
.vbar{margin-top:26px;padding:18px 26px;border-radius:14px;
  background:linear-gradient(90deg,var(--maroon),var(--maroon-2));
  border:1px solid rgba(201,153,79,.45);
  box-shadow:0 18px 36px -20px rgba(0,0,0,.8)}
.vbar-head{display:flex;align-items:center;justify-content:flex-start;gap:12px 28px;flex-wrap:wrap}
.vbar p{margin:0;font-weight:700;font-size:14px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-hi)}
.vbar b{font-family:var(--serif);font-style:italic;font-weight:900;
  font-size:clamp(26px,3.2vw,44px);line-height:1;color:var(--cream)}
.vbar .vbar-sub{margin-top:8px;font-size:15px;font-weight:400;letter-spacing:0;
  text-transform:none;color:var(--text-2)}
@media (max-width:640px){
  .vbar{padding:16px 18px}
  .vbar p{font-size:12px}
  .vbar .vbar-sub{font-size:14px}
}