.vault-loader{position:fixed;z-index:1000;inset:0;display:grid;place-content:center;justify-items:center;gap:1.4rem;background:#07120f;color:#f3f6f4;perspective:1200px;transition:background-color 0s,opacity .5s ease 1.35s,visibility 0s linear 1.9s}.vault-loader.open{background-color:transparent;opacity:0;visibility:hidden;pointer-events:none}.vault-door{position:relative;z-index:2;width:clamp(18rem,31vw,26rem);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#15221e 0 34%,#050a08 35% 42%,#26332f 43% 52%,#07120f 53% 59%,#f0a34a 60% 61%,#17231f 62%);box-shadow:inset 0 0 0 1px #ffffff20,inset 0 0 42px #000,0 0 100px #31e6ad22;transform-origin:0 50%;transform-style:preserve-3d;backface-visibility:hidden}.vault-door:before,.vault-door:after{content:"";position:absolute;width:.7rem;height:.7rem;border-radius:50%;background:#31e6ad;box-shadow:0 0 18px #31e6ad}.vault-door:before{top:1%;left:50%}.vault-door:after{bottom:7%;right:18%}.vault-ticks{position:absolute;inset:3%;border:2px dashed #ffffff58;border-radius:50%;animation:vault-unlock 3s cubic-bezier(.55,.05,.35,1) both}.vault-ticks:after{content:"";position:absolute;left:50%;top:-.7rem;width:3px;height:2.8rem;background:#f3f6f4;box-shadow:0 0 12px #fff}.vault-icons{position:absolute;inset:17%;border-radius:50%;animation:vault-icons 3s cubic-bezier(.55,.05,.35,1) both}.vault-icons img{position:absolute;width:2.25rem;aspect-ratio:1;border-radius:24%;filter:grayscale(1) brightness(.5);box-shadow:0 5px 16px #0008;animation:vault-light 3s steps(1) both}.vault-icons img:nth-child(1){left:50%;top:-1rem;transform:translateX(-50%)}.vault-icons img:nth-child(2){right:-1rem;top:50%;transform:translateY(-50%);animation-delay:.2s}.vault-icons img:nth-child(3){left:50%;bottom:-1rem;transform:translateX(-50%);animation-delay:.4s}.vault-icons img:nth-child(4){left:-1rem;top:50%;transform:translateY(-50%);animation-delay:.6s}.vault-core{position:relative;width:34%;aspect-ratio:1;border:1px solid #ffffff2d;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#3b4944,#101815 60%,#030605);box-shadow:inset 0 0 22px #000,0 8px 25px #000a}.vault-core span{font-size:clamp(1.3rem,2.7vw,2.2rem);font-weight:900;letter-spacing:-.06em}.vault-core i{position:absolute;bottom:18%;width:.35rem;height:.8rem;border-radius:99px;background:#f0a34a;box-shadow:0 0 10px #f0a34a}.vault-frame{position:absolute;left:50%;top:50%;width:clamp(21rem,36vw,31rem);aspect-ratio:1;transform:translate(-50%,-56%);border:clamp(1rem,1.7vw,1.5rem) solid #25332e;border-radius:50%;box-shadow:inset 0 0 0 2px #ffffff20,inset 0 0 35px #000,0 0 0 100vmax #07120f;transition:opacity .45s ease 1.12s}.vault-frame>i{position:absolute;left:50%;top:50%;width:.75rem;height:2.25rem;border-radius:.2rem;background:#65716d;box-shadow:0 0 0 2px #050806}.vault-frame>i:nth-child(1){transform:translate(-50%,-50%) rotate(0) translateY(-12.5rem)}.vault-frame>i:nth-child(2){transform:translate(-50%,-50%) rotate(90deg) translateY(-12.5rem)}.vault-frame>i:nth-child(3){transform:translate(-50%,-50%) rotate(180deg) translateY(-12.5rem)}.vault-frame>i:nth-child(4){transform:translate(-50%,-50%) rotate(270deg) translateY(-12.5rem)}.vault-hinge{position:absolute;left:-1.5rem;top:22%;height:56%;display:flex;flex-direction:column;justify-content:space-between}.vault-hinge i{width:1.8rem;height:2.2rem;border-radius:.3rem;background:linear-gradient(90deg,#080b09,#66736e,#151d19);box-shadow:0 3px 8px #000}.vault-loader>p{z-index:3;margin:0;text-align:center;text-transform:uppercase}.vault-loader>p span,.vault-loader>p b{display:block}.vault-loader>p span{font-size:.66rem;letter-spacing:.27em;color:#9eb0aa}.vault-loader>p b{margin-top:.45rem;font-size:.78rem;letter-spacing:.12em}.vault-loader.open .vault-door{animation:vault-open 1.35s cubic-bezier(.45,.02,.16,1) both}.vault-loader.open .vault-frame{opacity:0}.vault-loader.open>p{opacity:0;transition:opacity .3s}.vault-loader.open .vault-ticks{transform:rotate(295deg)}@keyframes vault-unlock{0%,10%{transform:rotate(0)}30%{transform:rotate(145deg)}52%{transform:rotate(88deg)}78%,100%{transform:rotate(295deg)}}@keyframes vault-icons{0%,10%{transform:rotate(0)}30%{transform:rotate(-34deg)}52%{transform:rotate(22deg)}78%,100%{transform:rotate(-55deg)}}@keyframes vault-light{0%,22%{filter:grayscale(1) brightness(.5)}23%,100%{filter:none;box-shadow:0 0 18px #31e6ad77}}@keyframes vault-open{0%{transform:translateZ(0) rotateY(0)}18%{transform:translateZ(20px) rotateY(0) scale(.985);filter:brightness(1.25)}100%{transform:translate3d(-13vw,0,190px) rotateY(-112deg) scale(1.06);filter:brightness(.7)}}@media(max-width:620px){.vault-door{width:18rem}.vault-frame{width:21rem}}@media(prefers-reduced-motion:reduce){.vault-ticks,.vault-icons,.vault-icons img{animation:none}.vault-loader{transition:none}.vault-loader.open .vault-door{animation:none;opacity:0}.vault-loader.open .vault-frame{opacity:0}}