.hvg-wrapper{max-width:1360px;margin:24px auto;padding:24px;border-radius:28px;background:radial-gradient(circle at top center,rgb(46 101 164 / .18) 0%,#fff0 35%),linear-gradient(180deg,#04101d 0%,#071523 100%);border:1px solid rgb(120 155 198 / .14);box-shadow:0 20px 40px rgb(0 0 0 / .34),inset 0 1px 0 rgb(255 255 255 / .04)}.hvg-title{margin:0 auto 24px;width:fit-content;min-width:min(100%, 460px);padding:14px 38px;border-radius:18px;border:1px solid rgb(231 184 82 / .68);background:linear-gradient(180deg,#102237 0%,#091320 100%);color:#efc86e;font-size:38px;font-weight:800;letter-spacing:.08em;text-align:center;text-shadow:0 1px 0 rgb(0 0 0 / .35),0 0 18px rgb(239 200 110 / .12);box-shadow:0 12px 22px rgb(0 0 0 / .26),inset 0 1px 0 rgb(255 255 255 / .06)}.hvg-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px}.hvg-vault{position:relative;display:block;min-height:265px;border-radius:24px;overflow:visible;isolation:isolate;text-decoration:none;perspective:1600px;transition:transform 0.35s ease}.hvg-vault-inner{position:absolute;inset:12px;display:flex;align-items:center;justify-content:center;padding:28px;border-radius:18px;overflow:hidden;background:radial-gradient(circle at 50% 28%,rgb(130 210 255 / .18) 0%,rgb(56 111 149 / .12) 22%,#fff0 46%),linear-gradient(180deg,#263748 0%,#162432 34%,#0d1822 62%,#070f17 100%);border:1px solid rgb(225 186 97 / .24);box-shadow:inset 0 0 0 2px rgb(73 120 170 / .18),inset 0 0 36px rgb(75 190 255 / .08),inset 0 -26px 34px rgb(0 0 0 / .4),0 18px 36px rgb(0 0 0 / .28)}.hvg-vault-inner::before{content:'';position:absolute;inset:0;border-radius:18px;background:linear-gradient(180deg,rgb(255 255 255 / .06),rgb(255 255 255 / .015) 22%,rgb(0 0 0 / .12) 100%),url(/wp-content/plugins/hypno-vault-grid/assets/metal-texture.png) center/cover repeat;mix-blend-mode:screen;opacity:.58;pointer-events:none}.hvg-vault-inner::after{content:'';position:absolute;inset:14px;border-radius:12px;border:1px solid rgb(255 227 161 / .12);background:linear-gradient(90deg,rgb(255 255 255 / .05) 0 2%,transparent 2% 98%,rgb(255 255 255 / .04) 98% 100%),linear-gradient(180deg,rgb(255 255 255 / .035) 0 2%,transparent 2% 98%,rgb(0 0 0 / .18) 98% 100%);box-shadow:inset 0 0 0 1px rgb(214 175 83 / .1),inset 0 14px 18px rgb(255 255 255 / .03),inset 0 -18px 20px rgb(0 0 0 / .24);pointer-events:none}.hvg-vault-inner .hvg-vault-description::before{content:'';position:absolute;left:50%;top:50%;width:180px;height:180px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgb(105 210 255 / .24) 0%,rgb(105 210 255 / .09) 38%,#fff0 70%);filter:blur(8px);opacity:.56;z-index:-1;animation:hvgInnerPulse 3.8s ease-in-out infinite}.hvg-vault-inner .hvg-vault-description::after{content:'';position:absolute;top:0;bottom:0;left:-55%;width:42%;transform:skewX(-18deg);background:linear-gradient(90deg,#fff0 0%,rgb(174 233 255 / .08) 48%,rgb(255 255 255 / .32) 50%,rgb(174 233 255 / .08) 52%,#fff0 100%);opacity:0;z-index:-1;pointer-events:none}.hvg-vault-description{position:relative;z-index:1;display:block;max-width:100%;color:#eef7ff;font-size:17px;line-height:1.45;text-align:center;font-weight:700;text-shadow:0 0 18px rgb(96 212 255 / .16)}.hvg-vault-door{position:absolute;inset:0;z-index:3;display:flex;align-items:flex-end;justify-content:center;padding:18px 16px;border-radius:24px;background-image:url(/wp-content/plugins/hypno-vault-grid/assets/design1-door.png);background-size:cover;background-position:center;background-repeat:no-repeat;transform-origin:left center;transform-style:preserve-3d;transition:transform var(--hvg-door-speed,0.75s) cubic-bezier(.22,.8,.2,1),filter 0.4s ease,box-shadow 0.6s ease;box-shadow:0 18px 36px rgb(0 0 0 / .42);backface-visibility:hidden;will-change:transform}.hvg-vault-door::before{content:'';position:absolute;inset:0;border-radius:24px;background:linear-gradient(180deg,rgb(255 255 255 / .05) 0%,rgb(0 0 0 / .03) 100%);pointer-events:none}.hvg-vault-door::after{content:'';position:absolute;left:10px;top:14px;bottom:14px;width:16px;border-radius:10px;background:linear-gradient(180deg,rgb(210 210 210 / .95),rgb(110 110 110 / .95));box-shadow:inset 0 1px 2px rgb(255 255 255 / .35),2px 0 4px rgb(0 0 0 / .28);opacity:.95}.hvg-vault-title{position:relative;z-index:2;display:inline-block;max-width:calc(100% - 22px);padding:7px 11px;border-radius:999px;background:rgb(5 11 20 / .84);border:1px solid rgb(228 188 101 / .46);color:#eef4fb;font-size:12px;line-height:1.1;text-align:center;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 4px 10px rgb(0 0 0 / .22)}.hvg-vault.is-clickable:hover,.hvg-vault.is-clickable:focus-visible{outline:none;transform:translateY(-5px)}.hvg-vault.is-clickable:hover .hvg-vault-door,.hvg-vault.is-clickable:focus-visible .hvg-vault-door{transform:rotateY(-132deg);filter:brightness(.98);box-shadow:22px 0 32px rgb(0 0 0 / .38)}.hvg-vault.is-clickable:hover .hvg-vault-inner,.hvg-vault.is-clickable:focus-visible .hvg-vault-inner{box-shadow:inset 0 0 0 2px rgb(73 120 170 / .26),inset 0 0 64px rgb(75 190 255 / .18),inset 0 -22px 30px rgb(0 0 0 / .36),0 18px 36px rgb(0 0 0 / .28)}.hvg-vault.is-clickable:hover .hvg-vault-description::after,.hvg-vault.is-clickable:focus-visible .hvg-vault-description::after{animation:hvgLightSweep calc(var(--hvg-door-speed, 0.75s) + 0.28s) ease-out 1}@keyframes hvgInnerPulse{0%,100%{opacity:.4;transform:translate(-50%,-50%) scale(.96)}50%{opacity:.72;transform:translate(-50%,-50%) scale(1.04)}}@keyframes hvgLightSweep{0%{left:-55%;opacity:0}12%{opacity:.9}55%{opacity:.75}100%{left:130%;opacity:0}}.hvg-vault.is-disabled{pointer-events:none;opacity:.82}@media (max-width:1200px){.hvg-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:980px){.hvg-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:680px){.hvg-wrapper{padding:18px}.hvg-title{font-size:28px;padding:12px 20px;min-width:0}.hvg-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.hvg-vault{min-height:220px}.hvg-vault-description{font-size:15px}}@media (max-width:420px){.hvg-grid{grid-template-columns:1fr}}