.hero-bg{background:linear-gradient(135deg,#6366f1,#3730a3)}.dashboard-bg{background:linear-gradient(135deg,#2f2f2f,#1a1a1a)}.nav-tab-active{border-bottom:2px solid white}.status-active{background-color:#90ee90;color:#006400}.hms-red{color:#6366f1}.hms-red-bg{background-color:#6366f1}.hms-red-border{border-color:#6366f1}.french-flag-gradient{background:linear-gradient(90deg,#1e1b4b 0% 33%,#fff 33% 66%,#818cf8 66% 100%)}.glass-effect{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.floating-animation{animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.pulse-glow{animation:pulse-glow 2s ease-in-out infinite alternate}@keyframes pulse-glow{0%{box-shadow:0 0 20px #4f46e54d}to{box-shadow:0 0 30px #4f46e599}}@keyframes liquid-morph{0%,to{border-radius:.375rem;background-position:0% 50%}25%{border-radius:.5rem .25rem;background-position:25% 75%}50%{border-radius:.25rem .5rem;background-position:100% 50%}75%{border-radius:.5rem .25rem;background-position:75% 25%}}.dashboard-btn{position:relative;background:linear-gradient(135deg,#6366f1,#4f46e5)!important;overflow:hidden;box-shadow:0 4px 15px #6366f166!important;transition:all .4s cubic-bezier(.4,0,.2,1)!important;border:1px solid rgba(255,255,255,.1)!important}.dashboard-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d,#ffffff1a);background-size:200% 200%;animation:gradient-shift 3s ease infinite;opacity:.6;transition:opacity .4s ease}.dashboard-btn:hover{background:linear-gradient(135deg,#818cf8,#6366f1)!important;box-shadow:0 8px 30px #6366f180,0 0 0 1px #ffffff1a!important;transform:translateY(-2px)!important}.dashboard-btn:hover:before{opacity:.8}.dashboard-btn:active{transform:translateY(0)!important;box-shadow:0 4px 15px #6366f166!important}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin-slow{animation:spin-slow 8s linear infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.animate-shimmer{animation:shimmer 3s ease-in-out infinite}@keyframes attack-1{0%{transform:translate(100px,-100px) scale(0);opacity:0}50%{opacity:1}90%{transform:translate(0) scale(1);opacity:1}to{transform:translate(0) scale(0);opacity:0}}.animate-attack-1{animation:attack-1 3s ease-in-out infinite}@keyframes attack-2{0%{transform:translate(100px) scale(0);opacity:0}50%{opacity:1}90%{transform:translate(0) scale(1);opacity:1}to{transform:translate(0) scale(0);opacity:0}}.animate-attack-2{animation:attack-2 2.5s ease-in-out infinite .5s}@keyframes attack-3{0%{transform:translate(-100px,100px) scale(0);opacity:0}50%{opacity:1}90%{transform:translate(0) scale(1);opacity:1}to{transform:translate(0) scale(0);opacity:0}}.animate-attack-3{animation:attack-3 3.5s ease-in-out infinite 1s}@keyframes attack-4{0%{transform:translate(-100px,-50px) scale(0);opacity:0}50%{opacity:1}90%{transform:translate(0) scale(1);opacity:1}to{transform:translate(0) scale(0);opacity:0}}.animate-attack-4{animation:attack-4 2.8s ease-in-out infinite 1.5s}@keyframes pulse-slow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.animate-pulse-slow{animation:pulse-slow 8s ease-in-out infinite}@keyframes fade-up{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{animation:fade-up 1s ease-out forwards;opacity:0}@keyframes float-particle{0%,to{transform:translate(0) scale(1);opacity:.4}33%{transform:translate(20px,-15px) scale(1.2);opacity:.7}66%{transform:translate(-10px,-25px) scale(.9);opacity:.5}}.animate-float-particle{animation:float-particle 10s ease-in-out infinite}@keyframes float-hero{0%,to{transform:translateY(0) translate(0)}25%{transform:translateY(-10px) translate(5px)}50%{transform:translateY(-5px) translate(-5px)}75%{transform:translateY(-15px) translate(3px)}}.animate-float-hero{animation:float-hero 6s ease-in-out infinite}.animation-delay-100{animation-delay:.1s}.animation-delay-200{animation-delay:.2s}.animation-delay-300{animation-delay:.3s}.animation-delay-400{animation-delay:.4s}.animation-delay-500{animation-delay:.5s}.animation-delay-600{animation-delay:.6s}.animation-delay-700{animation-delay:.7s}.animation-delay-900{animation-delay:.9s}.animation-delay-1200{animation-delay:1.2s}.animation-delay-1500{animation-delay:1.5s}.animation-delay-2000{animation-delay:2s}.animation-delay-3000{animation-delay:3s}[x-cloak]{display:none!important}

/* Vgarde visual polish layer - intentionally small and global. */
:root{--vg-ink:#07111f;--vg-panel:#0f172a;--vg-line:rgba(148,163,184,.22);--vg-cyan:#22d3ee;--vg-blue:#2563eb;--vg-indigo:#6366f1;--vg-glow:rgba(34,211,238,.22)}
html{scroll-behavior:smooth}
body{background:radial-gradient(circle at 15% -10%,rgba(34,211,238,.13),transparent 28%),radial-gradient(circle at 88% 8%,rgba(99,102,241,.12),transparent 30%),#f8fafc;text-rendering:optimizeLegibility}
body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(15,23,42,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.035) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent 72%)}
header.sticky{background:rgba(255,255,255,.82)!important;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid rgba(148,163,184,.22);box-shadow:0 16px 48px rgba(15,23,42,.07)!important}
.dark header.sticky,header.sticky.dark\:bg-gray-800{background:rgba(15,23,42,.82)!important;border-bottom-color:rgba(148,163,184,.16);box-shadow:0 18px 60px rgba(0,0,0,.26)!important}
header nav>div>div:first-child span{font-weight:650;letter-spacing:-.01em}
header nav>div>div:first-child{padding:.45rem .1rem;border-radius:999px}
header nav>div>div:first-child span,header nav>div>div:first-child i{transition:color .2s ease,transform .2s ease}
header nav>div:hover>div:first-child i{transform:translateY(1px)}
header .absolute.left-0.top-full>div{border-radius:1rem!important;border:1px solid rgba(148,163,184,.22)!important;box-shadow:0 28px 80px rgba(15,23,42,.2)!important;overflow:hidden}
header .space-y-1>a{border-radius:.85rem!important}
header a[href*="billing.vgarde.com/login"]{position:relative;isolation:isolate;overflow:hidden;border-radius:.85rem!important;box-shadow:0 12px 34px rgba(99,102,241,.32)!important}
header a[href*="billing.vgarde.com/login"]:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);transform:translateX(-110%);transition:transform .6s ease}
header a[href*="billing.vgarde.com/login"]:hover:after{transform:translateX(110%)}
.hero-bg{background:radial-gradient(circle at 18% 16%,rgba(34,211,238,.34),transparent 28%),radial-gradient(circle at 82% 22%,rgba(192,132,252,.24),transparent 30%),linear-gradient(135deg,#061525 0%,#0f2f5f 45%,#312e81 100%)!important}
.hero-bg:after{content:"";position:absolute;inset:auto 0 0;height:9rem;background:linear-gradient(180deg,transparent,rgba(15,23,42,.16));pointer-events:none}
.glass-effect{background:rgba(255,255,255,.13)!important;border:1px solid rgba(255,255,255,.24)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 20px 60px rgba(15,23,42,.16);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
a[class*="rounded-xl"],a[class*="rounded-lg"],button[class*="rounded-xl"],button[class*="rounded-lg"]{transition:transform .2s ease,box-shadow .2s ease,filter .2s ease,border-color .2s ease}
a[class*="rounded-xl"]:hover,a[class*="rounded-lg"]:hover,button[class*="rounded-xl"]:hover,button[class*="rounded-lg"]:hover{transform:translateY(-2px)}
main section [class*="bg-white"][class*="rounded"],main section [class*="bg-gray-800"][class*="rounded"],main section [class*="border"][class*="rounded"]{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
main section [class*="bg-white"][class*="rounded"]:hover,main section [class*="bg-gray-800"][class*="rounded"]:hover{transform:translateY(-4px);box-shadow:0 24px 70px rgba(15,23,42,.12)}
main section [class*="border"][class*="rounded"]:hover{border-color:rgba(34,211,238,.38)}
main h1,main h2{letter-spacing:-.045em}
main p{letter-spacing:-.01em}
.text-hms,.hover\:text-hms:hover{color:var(--vg-indigo)!important}
.bg-hms,.hms-red-bg{background:linear-gradient(135deg,var(--vg-indigo),var(--vg-blue))!important}
.border-hms,.hms-red-border{border-color:var(--vg-indigo)!important}
footer.bg-gray-900{background:radial-gradient(circle at 20% 0%,rgba(99,102,241,.18),transparent 28%),linear-gradient(180deg,#0f172a,#020617)!important}
footer .h-1{background:linear-gradient(90deg,var(--vg-cyan),var(--vg-indigo),#c084fc)!important}
:focus-visible{outline:3px solid rgba(34,211,238,.55);outline-offset:3px;border-radius:.5rem}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}