/* VELAN GO identity for public information, testing and guide pages. */
:root{--vg-navy:#071326;--vg-gold:#f3c46a;--vg-blue:#69c0eb}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{background:radial-gradient(ellipse at 80% -15%,rgba(24,83,145,.26),transparent 45%),linear-gradient(#08162c,#060e1d)!important;color:#eaf0fa}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--vg-gold);outline-offset:3px}
.head,.header{background:rgba(7,18,37,.96)!important;border-bottom:1px solid rgba(245,198,105,.21)!important;backdrop-filter:blur(12px)}
.head .brand img,.header .brand img{border-radius:14px;border:1px solid rgba(244,203,113,.47);object-fit:cover}
.head .brand strong,.header .brand,.header .gold,.head em{color:var(--vg-gold)!important}
.head nav a:hover,.header nav a:hover{color:var(--vg-gold)!important}
.eyebrow,.overline,.gold{color:var(--vg-gold)!important}
.button.primary,.primary,.signup-card button.primary{background:linear-gradient(115deg,#ffe4ab,#f0c15d)!important;color:#12203a!important;border-color:rgba(255,213,119,.65)!important}
.button.outline{border-color:rgba(244,200,113,.43)!important;color:#f4d494!important}
.signup-card{background:linear-gradient(155deg,#122541,#09192e)!important;border-color:rgba(243,196,97,.34)!important;box-shadow:0 24px 70px #0006!important}
.signup-card h2,.signup-card label,.signup-card .card-label{color:#f7ebd3!important}
.signup-card input:not([type=checkbox]),.signup-card select,.signup-card textarea{background:#f8fafd!important;color:#12243c!important;border:1px solid #c8d3e2!important}
.signup-card input::placeholder{color:#66778a}
.featuregrid>div,.option-list article,.instructions,.guide-section,.trust,.about-section{border-color:rgba(243,192,94,.22)!important}
.tamil{color:#f0d191!important}
.success{background:rgba(38,115,95,.16)!important;border:1px solid rgba(118,234,188,.3)}
main a:not(.button):hover{color:#f3c56f}
body>main>h1,main>h1{color:var(--vg-gold)}
body>main>h2,main>h2{color:var(--vg-gold)}
body>main,main{max-width:100%}
main a[href="/"],a[href="/"]{color:var(--vg-gold)}
@media(max-width:700px){.head .brand img,.header .brand img{width:42px;height:42px}.signup-card{border-radius:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}