/* Yuva Dasara theme — neon night-sky palette taken from the Yuva Dasara 2026 logo.
   Loaded last on the public pages; only re-maps the shared colour variables plus a few backgrounds. */
:root{
  --night:#06061C; --purple-deep:#140C40; --purple:#3B1FB0; --purple-light:#8A3FFF;
  --gold:#22D3FF; --gold-light:#FF7BEA;                 /* the old gold accents become neon cyan / pink */
  --ivory:#F3F2FF; --paper:#FFFFFF; --soft:#ECEBFF; --line:#DCD9FF;
  --ink:#140F3A; --muted:#58547F; --on-dark:#EEF0FF; --on-dark-muted:rgba(238,240,255,.74);
  --neon-pink:#FF3FD8; --neon-violet:#7B3CFF; --neon-blue:#1EA7FF; --neon-cyan:#22D3FF;
  --chilli:#FF3FD8; --turmeric:#7B3CFF; --banana:#1EA7FF; --copper:#22D3FF;
  --p-vermilion:#FF3FD8; --p-indigo:#3B1FB0; --p-turmeric:#7B3CFF; --p-leaf:#1EA7FF; --p-rose:#FF6BC1; --p-sky:#22D3FF;
  --shadow:0 10px 30px rgba(20,12,64,.14); --focus:0 0 0 3px #fff,0 0 0 6px var(--neon-violet);
}
/* night sky: stars + pink/blue nebula instead of the palace photo */
.lp-hero{background:var(--night)}
.lp-hero .bg,.finale::before,.hero::before{background:
  radial-gradient(1.5px 1.5px at 12% 22%,#fff 60%,transparent 61%),radial-gradient(1px 1px at 28% 64%,#cfe9ff 60%,transparent 61%),
  radial-gradient(1.5px 1.5px at 44% 14%,#ffe0fb 60%,transparent 61%),radial-gradient(1px 1px at 58% 48%,#fff 60%,transparent 61%),
  radial-gradient(1.5px 1.5px at 71% 18%,#cfe9ff 60%,transparent 61%),radial-gradient(1px 1px at 83% 62%,#fff 60%,transparent 61%),
  radial-gradient(1px 1px at 92% 30%,#ffe0fb 60%,transparent 61%),radial-gradient(1px 1px at 6% 80%,#fff 60%,transparent 61%),
  radial-gradient(55% 60% at 78% 32%,rgba(255,63,216,.38),transparent 70%),
  radial-gradient(50% 65% at 22% 72%,rgba(30,167,255,.34),transparent 72%),
  radial-gradient(40% 40% at 55% 95%,rgba(123,60,255,.35),transparent 70%),
  #06061C}
.lp-hero .veil{background:linear-gradient(90deg,rgba(6,6,28,.78) 0%,rgba(6,6,28,.35) 55%,rgba(6,6,28,.15) 100%),linear-gradient(180deg,rgba(6,6,28,0) 55%,rgba(6,6,28,.9) 100%)}
.lp-hero .grain{opacity:.25}
.finale::before{opacity:.85}
.lp-hero h1.logo-title img{border-radius:22px;filter:drop-shadow(0 0 28px rgba(255,63,216,.45)) drop-shadow(0 0 40px rgba(30,167,255,.3))}
.lp-hero h1.logo-title small,.lp-hero .eyebrow{color:#9DEBFF}
.lp-hero .wall svg{filter:hue-rotate(200deg) saturate(1.35) drop-shadow(0 0 18px rgba(123,60,255,.45))}
/* chrome */
.topbar{background:rgba(6,6,28,.88);border-bottom:1px solid rgba(34,211,255,.35);box-shadow:0 1px 24px rgba(255,63,216,.12)}
.site-footer{background:var(--night);border-top:2px solid transparent;border-image:linear-gradient(90deg,var(--neon-pink),var(--neon-violet),var(--neon-blue)) 1}
.ticker{background:linear-gradient(90deg,#140C40,#1D0E55);border-color:rgba(34,211,255,.3)}
.ticker .lbl{background:linear-gradient(90deg,var(--neon-pink),var(--neon-violet));color:#fff}
.ticker .run span::before{color:var(--neon-pink)}
.glance .panel{border:1px solid rgba(34,211,255,.25);box-shadow:0 20px 50px rgba(20,12,64,.35),0 0 30px rgba(123,60,255,.18)}
/* primary buttons: the logo's pink → violet → blue glow (ghost / small admin-style buttons keep their look) */
.btn:not(.ghost):not(.sm):not(.ok):not(.danger),.topnav a.cta{background:linear-gradient(90deg,var(--neon-pink),var(--neon-violet) 52%,var(--neon-blue));color:#fff;box-shadow:0 6px 22px rgba(255,63,216,.32)}
.btn:not(.ghost):not(.sm):not(.ok):not(.danger):hover,.topnav a.cta:hover{background:linear-gradient(90deg,#FF5BE0,#8F55FF 52%,#3BB4FF);box-shadow:0 8px 28px rgba(30,167,255,.4)}
.sec-head h2{background:linear-gradient(90deg,var(--purple-deep),var(--neon-violet));-webkit-background-clip:text;background-clip:text;color:transparent}
.sec-head h2 .kn,.sec-head h2 .en{color:inherit}
.faq summary::after{color:var(--neon-pink)}
/* "Stalls filling fast" badge */
.fill-fast{display:inline-flex;align-items:center;gap:10px;margin:10px 0 16px;padding:7px 16px;border-radius:999px;background:rgba(255,63,216,.14);border:1px solid rgba(255,63,216,.65);color:#FFD9F8;font-weight:800;font-size:.9rem;box-shadow:0 0 22px rgba(255,63,216,.25)}
.fill-fast .dot{width:10px;height:10px;border-radius:50%;background:var(--neon-pink);box-shadow:0 0 0 0 rgba(255,63,216,.7);animation:ffpulse 1.6s infinite}
@keyframes ffpulse{0%{box-shadow:0 0 0 0 rgba(255,63,216,.7)}70%{box-shadow:0 0 0 10px rgba(255,63,216,0)}100%{box-shadow:0 0 0 0 rgba(255,63,216,0)}}
.finale .fill-fast{margin:0 auto 12px}
@media (prefers-reduced-motion:reduce){.fill-fast .dot{animation:none}}
/* the decorative tile strip: neon gradients instead of Food Fest's warm pigments */
.band i:nth-child(1){background:linear-gradient(135deg,#FF3FD8,#7B3CFF)!important}
.band i:nth-child(2){background:linear-gradient(45deg,#1EA7FF,#22D3FF)!important}
.band i:nth-child(3){background:linear-gradient(180deg,#140C40,#7B3CFF)!important}
.band i:nth-child(4){background:linear-gradient(90deg,#7B3CFF,#FF3FD8)!important}
.band i:nth-child(5){background:linear-gradient(135deg,#22D3FF,#3B1FB0)!important}
.band i:nth-child(6){background:linear-gradient(225deg,#FF6BC1,#140C40)!important}
.band i{outline-color:rgba(34,211,255,.7)}
.framed img{outline-color:var(--neon-cyan)}
.lp-hero .grain{opacity:.15}
.hero{background:var(--night)}
.hero::before{opacity:.9}
/* hero right column: date + venue card in the top-right space, stall illustration below */
.lp-hero .side{display:flex;flex-direction:column;justify-content:space-between;gap:18px;align-self:stretch;min-width:0}
.lp-hero .side-card{display:flex;flex-direction:column;align-items:flex-start;gap:10px;width:100%;margin:8px 0 0;padding:18px 22px;border-radius:18px;
  background:linear-gradient(160deg,rgba(20,12,64,.72),rgba(6,6,28,.6));border:1.5px solid rgba(34,211,255,.6);
  box-shadow:0 0 0 1px rgba(255,63,216,.15) inset,0 0 34px rgba(123,60,255,.28);backdrop-filter:blur(6px);animation:rise .7s .2s cubic-bezier(.2,.8,.2,1) both}
.lp-hero .side-card .sep{display:none}
.lp-hero .side-card .item{align-items:flex-start}
.lp-hero .side-card b{font-size:clamp(1.4rem,2.4vw,1.9rem);background:linear-gradient(90deg,#fff,#9DEBFF);-webkit-background-clip:text;background-clip:text;color:transparent}
.lp-hero .side-card .venue{max-width:none;font-size:1.02rem;line-height:1.4}
@media(max-width:900px){.lp-hero .side{gap:10px}.lp-hero .side-card{padding:14px 16px;margin-top:4px}.lp-hero .side-card b{font-size:1.3rem}.lp-hero .side-card .venue{font-size:.92rem}}
/* tile strip with event photos */
.band img{border-radius:50% 50% 50% 8px;outline:2px solid rgba(34,211,255,.75);aspect-ratio:4/5;object-fit:cover;box-shadow:0 10px 24px rgba(20,12,64,.25),0 0 18px rgba(255,63,216,.18)}
/* closing "Apply now": logo | badge, heading, fact cards, buttons */
.finale{text-align:left;padding:64px 0}
.finale-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:44px;align-items:center}
.fin-logo img{display:block;width:100%;height:auto;max-width:460px;border-radius:22px;filter:drop-shadow(0 0 26px rgba(255,63,216,.45)) drop-shadow(0 0 40px rgba(30,167,255,.3))}
.finale .fill-fast{margin:0 0 14px}
.finale h2{margin:0}
.finale h2 small{color:#9DEBFF}
.fin-facts{list-style:none;padding:0;margin:20px 0 14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.fin-facts li{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(34,211,255,.3);color:#fff;font-weight:700;font-size:.95rem;line-height:1.35}
.fin-facts i{font-style:normal;font-size:1.2rem}
.fin-facts b{display:block;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:#9DEBFF;font-weight:800;margin-bottom:3px}
.finale p.fin-note{margin:0 0 20px;max-width:none;color:var(--on-dark-muted)}
@media(max-width:900px){.finale{text-align:center;padding:48px 0}.finale-grid{grid-template-columns:1fr;gap:22px}.fin-logo img{max-width:280px;margin:0 auto}
  .fin-facts{grid-template-columns:1fr;text-align:left}.finale .btnrow{justify-content:center}}
/* QA fixes: readable fact labels, bigger language switch targets */
.fin-facts b{font-size:.74rem}
.lang-toggle button{min-height:34px;padding:9px 12px}
/* gradient text only paints inside its line box: give Kannada vowel signs room so they are not clipped */
.lp-hero .side-card b,.sec-head h2{line-height:1.4;padding:.12em 0 .08em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.lp-hero .side-card b{display:inline-block}
