
/* NIGHTVAULT universal glow + stable membership navigation */
:root{--nv-purple:#8b2cff;--nv-purple2:#c084fc;--nv-panel:#0b0a12;--nv-line:rgba(157,93,255,.35)}
html{scroll-behavior:smooth}
body{background-color:#050509!important;background-image:radial-gradient(circle at 50% 0,rgba(91,28,160,.20),transparent 34%),radial-gradient(circle at 100% 40%,rgba(116,35,190,.10),transparent 32%)!important}
/* glow throughout pages */
.card,.product-card,.product,.item,.box,.article-card,.blog-card,.post-card,.vault-card,.membership-card,.pricing-card,article,main>section{border-color:var(--nv-line);box-shadow:0 0 18px rgba(112,38,205,.13),0 18px 45px rgba(0,0,0,.22);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.card:hover,.product-card:hover,.product:hover,.item:hover,.box:hover,.article-card:hover,.blog-card:hover,.post-card:hover,.vault-card:hover,.membership-card:hover,.pricing-card:hover{transform:translateY(-5px);border-color:#b66cff!important;box-shadow:0 0 20px rgba(170,92,255,.48),0 0 52px rgba(108,31,210,.25),0 24px 55px rgba(0,0,0,.32)!important}
button,.btn,.primary,.cta a,.nv-btn,.buy-button,.hero-actions a{box-shadow:0 0 14px rgba(139,44,255,.30);transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}
button:hover,.btn:hover,.primary:hover,.cta a:hover,.nv-btn:hover,.buy-button:hover,.hero-actions a:hover{box-shadow:0 0 18px rgba(193,125,255,.75),0 0 42px rgba(111,31,255,.42)!important}
h1,h2{ text-shadow:0 0 18px rgba(156,80,255,.20) }
/* always-visible membership button on standard site header */
.nv-membership-top{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:none!important;white-space:nowrap!important;min-height:40px!important;padding:9px 14px!important;border-radius:12px!important;background:linear-gradient(135deg,#6f1dff,#a52cff)!important;color:#fff!important;border:1px solid #b45cff!important;font-weight:900!important;font-size:12px!important;letter-spacing:.3px!important;text-decoration:none!important;box-shadow:0 0 16px rgba(154,70,255,.62),0 0 32px rgba(108,31,210,.25)!important;position:relative!important;z-index:100!important}
.nv-membership-top:hover{transform:translateY(-2px)!important;filter:brightness(1.1)!important;box-shadow:0 0 22px rgba(210,150,255,.95),0 0 48px rgba(111,31,255,.6)!important}
.topbar{position:sticky!important;top:0!important;z-index:9999!important;width:100%!important;min-height:70px!important;height:auto!important;display:flex!important;align-items:center!important;flex-wrap:nowrap!important;gap:10px!important;overflow:visible!important}
.topbar .brand{min-width:max-content!important;flex:none!important}
.topbar .auth-status{flex:none!important}
.topbar #mainNav{flex:1 1 auto!important;min-width:0!important;display:flex!important;align-items:center!important;gap:6px!important;white-space:nowrap!important;overflow-x:auto!important;scrollbar-width:none!important}
.topbar #mainNav::-webkit-scrollbar{display:none}
.topbar #mainNav a,.topbar .more-nav-button{flex:none!important;padding:8px 10px!important;border-radius:10px!important}
.topbar .header-tools{flex:none!important;margin-left:0!important}
/* fixed fallback for pages without the standard topbar */
.nv-membership-fallback{position:fixed;top:14px;right:16px;z-index:99999;display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 15px;border-radius:12px;background:linear-gradient(135deg,#6f1dff,#a52cff);color:#fff!important;text-decoration:none!important;font-weight:900;border:1px solid #b45cff;box-shadow:0 0 20px rgba(160,80,255,.7),0 0 46px rgba(111,31,255,.35)}
@media(max-width:1180px){.topbar .header-tools .search{display:none!important}.topbar #mainNav{display:none!important}.topbar .mobile-nav-toggle{display:inline-flex!important}.topbar #mainNav.open{display:flex!important;position:absolute!important;left:0!important;right:0!important;top:100%!important;background:#09090f!important;padding:10px 4%!important;flex-wrap:wrap!important;max-height:70vh!important;overflow:auto!important;border-bottom:1px solid var(--nv-line)!important}.topbar .auth-status{padding-right:0!important;border-right:0!important}}
@media(max-width:700px){.nv-membership-top{min-height:36px!important;padding:8px 10px!important;font-size:10px!important}.topbar{padding:8px 3%!important;gap:7px!important}.topbar .brand{font-size:13px!important}.topbar .crown{font-size:27px!important}.nv-membership-fallback{top:10px;right:10px;font-size:10px;min-height:36px;padding:8px 10px}}


/* Global NIGHTVAULT polish */
:where(input,textarea,select){background:rgba(10,8,18,.82)!important;color:#fff!important;border:1px solid rgba(173,102,255,.48)!important;border-radius:14px!important;box-shadow:0 0 10px rgba(139,44,255,.18),inset 0 0 18px rgba(139,44,255,.05)!important;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease!important}
:where(input,textarea,select):focus{outline:none!important;border-color:#c084fc!important;box-shadow:0 0 0 3px rgba(168,85,247,.16),0 0 24px rgba(168,85,247,.42)!important;transform:translateY(-1px)}
:where(input,textarea,select)::placeholder{color:rgba(226,214,255,.55)!important}
textarea{min-height:110px}
@keyframes nvFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes nvPulse{0%,100%{box-shadow:0 0 12px rgba(139,44,255,.25)}50%{box-shadow:0 0 28px rgba(192,132,252,.6)}}
.nv-polished{animation:nvFloat 5s ease-in-out infinite}
.nv-glow-focus:focus{animation:nvPulse 1.8s ease-in-out infinite}

/* 2026 NIGHTVAULT cosmic storefront theme */
:root{--nv-purple:#8b5cf6;--nv-purple2:#c084fc;--nv-blue:#38bdf8;--nv-pink:#ec4899;--nv-bg:#05050b;--nv-panel:#0c0b16;--nv-line:rgba(167,139,250,.38)}
body{background-color:var(--nv-bg)!important;background-image:radial-gradient(circle at 12% 8%,rgba(56,189,248,.10),transparent 24%),radial-gradient(circle at 86% 18%,rgba(139,92,246,.18),transparent 30%),radial-gradient(circle at 50% 100%,rgba(236,72,153,.07),transparent 34%)!important}
.top,.topbar{background:rgba(7,7,15,.82)!important;backdrop-filter:blur(18px)!important;border-bottom:1px solid rgba(167,139,250,.24)!important}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 50% -10%,rgba(124,58,237,.55),transparent 38%),radial-gradient(circle at 12% 35%,rgba(56,189,248,.15),transparent 28%),linear-gradient(180deg,#100a23 0%,#07070d 75%)!important}
.hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.8) 0 1px,transparent 1.6px);background-size:43px 43px;opacity:.16;pointer-events:none}.hero>*{position:relative;z-index:1}
.hero h1{background:linear-gradient(100deg,#fff 12%,#d8c5ff 45%,#7dd3fc 75%,#fff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none!important;filter:drop-shadow(0 0 18px rgba(139,92,246,.25))}
.hero-membership,.shop,.cta a{background:linear-gradient(135deg,#7c3aed,#a855f7 55%,#38bdf8)!important;border:1px solid rgba(216,180,254,.75)!important;box-shadow:0 0 18px rgba(139,92,246,.42),0 0 45px rgba(56,189,248,.14)!important}
.hero-shop{border-color:rgba(125,211,252,.45)!important;background:rgba(12,10,24,.72)!important;box-shadow:inset 0 0 22px rgba(56,189,248,.05),0 0 18px rgba(56,189,248,.10)!important}
.nv-quick,.nv-members,.nv-final{background:linear-gradient(135deg,rgba(139,92,246,.16),rgba(10,10,20,.92) 55%,rgba(56,189,248,.08))!important;border-color:rgba(167,139,250,.42)!important;box-shadow:0 0 28px rgba(139,92,246,.12),0 22px 60px rgba(0,0,0,.28)!important}
.nv-feature,.nv-topic-grid a{background:linear-gradient(150deg,rgba(22,18,36,.96),rgba(8,8,15,.98))!important;border-color:rgba(139,92,246,.28)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 14px 35px rgba(0,0,0,.18)!important}
.nv-feature:before{content:"";position:absolute;inset:-1px;background:linear-gradient(120deg,transparent 20%,rgba(125,211,252,.16),transparent 55%);transform:translateX(-100%);transition:.6s ease}.nv-feature:hover:before{transform:translateX(100%)}
.nv-feature:hover,.nv-topic-grid a:hover{border-color:#7dd3fc!important;box-shadow:0 0 24px rgba(56,189,248,.18),0 0 48px rgba(139,92,246,.16),0 22px 48px rgba(0,0,0,.32)!important}
.nv-section-head span,.eyebrow{color:#7dd3fc!important;text-shadow:0 0 12px rgba(56,189,248,.35)}
@keyframes nvGlowShift{0%,100%{box-shadow:0 0 18px rgba(139,92,246,.25)}50%{box-shadow:0 0 34px rgba(56,189,248,.24),0 0 65px rgba(236,72,153,.10)}}
.nv-quick,.nv-members{animation:nvGlowShift 5s ease-in-out infinite}
