.auth-container{position:relative;display:flex;justify-content:center;align-items:center;min-height:100vh;padding:2rem 1.25rem;isolation:isolate;background:var(--bg);overflow:hidden}.auth-container:before{content:"";position:absolute;inset:-30% 0 auto 0;height:90%;z-index:-2;background:radial-gradient(680px 380px at 50% 28%,rgba(201,169,97,.14),transparent 68%),radial-gradient(900px 420px at 50% 0,rgba(255,255,255,.05),transparent 70%)}.auth-container:after{content:"";position:absolute;inset:auto 0 0 0;height:38%;z-index:-1;background:repeating-linear-gradient(90deg,transparent 0 104px,rgba(255,255,255,.032) 104px 105px);mask-image:linear-gradient(180deg,transparent,#000 70%);-webkit-mask-image:linear-gradient(180deg,transparent,#000 70%)}.auth-card{width:100%;max-width:432px;padding:clamp(1.75rem,5vw,2.75rem);border:1px solid var(--glass-line);border-radius:var(--radius-lg);background:var(--glass);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);box-shadow:var(--shadow-lg)}.auth-header{text-align:center;margin-bottom:2rem}.auth-header h1{font-family:var(--font-display);font-size:clamp(1.7rem,4vw,2.1rem);font-weight:500;letter-spacing:-.04em;margin-bottom:.6rem}.auth-header p{font-size:.9rem;color:var(--text-3)}.auth-form{display:flex;flex-direction:column;gap:1.15rem}.auth-form .form-group{margin-bottom:0}.auth-form .btn-primary{margin-top:.35rem;width:100%;padding:.95rem 1.5rem}.auth-footer{margin-top:1.75rem;padding-top:1.5rem;text-align:center;border-top:1px solid var(--line)}.auth-footer p{font-size:.85rem;color:var(--text-3)}.auth-footer a{color:var(--metal);font-weight:500;transition:color .25s var(--ease)}.auth-footer a:hover{color:var(--metal-bright)}.auth-container{flex-direction:column;gap:clamp(2.75rem,6vw,3.5rem);perspective:1400px}@media (min-width:960px){.auth-container{flex-direction:row;gap:clamp(3rem,7vw,6.5rem)}}.vault{--vs:clamp(176px,30vw,300px);position:relative;flex:none;width:var(--vs);height:var(--vs);perspective:1100px;transform:rotateX(var(--vault-ty,0deg)) rotateY(var(--vault-tx,0deg));transition:transform .9s var(--ease-out);animation:vault-in 1.1s cubic-bezier(.2,.9,.3,1) .15s backwards}@media (min-width:960px){.vault{--vs:clamp(300px,30vw,400px)}}@keyframes vault-in{0%{opacity:0;transform:scale(.92);filter:brightness(.3)}}.vault-door,.vault-inside,.vault>svg{position:absolute;inset:0}.vault svg{display:block;width:100%;height:100%;overflow:visible}.vault:after{content:"";position:absolute;left:8%;right:8%;bottom:-14%;height:16%;background:radial-gradient(closest-side,rgba(201,169,97,.18),transparent);filter:blur(6px);transition:opacity .8s var(--ease-out);pointer-events:none}.vault-inside{inset:4.75%;border-radius:50%;overflow:hidden;background:radial-gradient(circle,transparent 0 29%,rgba(255,228,170,.22) 29.5%,transparent 30.5% 43%,rgba(255,228,170,.16) 43.5%,transparent 44.5% 55%,rgba(255,228,170,.11) 55.5%,transparent 56.5% 65%,rgba(255,228,170,.07) 65.5%,transparent 66.5%),radial-gradient(circle,#fff7e6 0,#f3dca2 9%,#c9a961 20%,#5e4719 40%,#1a1409 62%,#070605 82%);box-shadow:inset 0 0 40px rgba(0,0,0,.9);opacity:0;transition:opacity .7s .82s var(--ease-out)}.vault-rays{inset:-42%;position:absolute;background:repeating-conic-gradient(from 0deg,rgba(255,226,168,0) 0deg 5deg,rgba(255,226,168,.2) 7deg,rgba(255,226,168,0) 10deg 17deg),repeating-conic-gradient(from 4deg,rgba(255,238,205,0) 0deg 9deg,rgba(255,238,205,.14) 11deg,rgba(255,238,205,0) 13deg 23deg);-webkit-mask-image:radial-gradient(circle,transparent 0 22%,#000 27%,rgba(0,0,0,.5) 42%,transparent 70%);mask-image:radial-gradient(circle,transparent 0 22%,#000 27%,rgba(0,0,0,.5) 42%,transparent 70%);filter:blur(5px);mix-blend-mode:screen;opacity:0;pointer-events:none;transition:opacity 1.4s 1s var(--ease-out)}.vault.is-open .vault-rays{opacity:1;animation:vault-rays 40s linear infinite}@keyframes vault-rays{to{rotate:1turn}}.vault-door{transform-origin:6% 50%;transform-style:preserve-3d;transition:transform 1s cubic-bezier(.6,0,.2,1) .85s}.vault-door>svg{position:absolute;inset:0}.vault-door-edge{position:absolute;inset:6%;border-radius:50%;background:linear-gradient(90deg,#15171a,#3a3e44 50%,#16181b);transform:translateZ(calc(var(--z) * -2.2px))}.vault-door-edge:last-of-type{box-shadow:0 22px 40px rgba(0,0,0,.65)}.vault-bolt{transition:transform .38s cubic-bezier(.6,0,.4,1) .62s}.vault-wheel{transition:transform .8s cubic-bezier(.5,0,.2,1) .18s}.vault-dial,.vault-wheel{transform-box:view-box;transform-origin:200px 200px}.vault-dial{transition:transform .42s cubic-bezier(.3,1.45,.5,1);cursor:-webkit-grab;cursor:grab;touch-action:none}.vault-dial.is-dragging{transition:none;cursor:-webkit-grabbing;cursor:grabbing}.vault-number{font-family:var(--font-display);font-size:7px;font-weight:500;fill:#b4b9c0;pointer-events:none}.vault-index{transition:fill .3s var(--ease-out)}.vault-ring{animation:vault-ring 5s ease-in-out infinite}@keyframes vault-ring{0%,to{stroke-opacity:.25}50%{stroke-opacity:.7}}.vault-status{position:absolute;z-index:3;left:50%;top:calc(100% + .9rem);transform:translateX(-50%);font-size:.6rem;font-weight:600;letter-spacing:.32em;text-transform:uppercase;white-space:nowrap;color:var(--text-3);transition:color .3s var(--ease-out)}.vault.is-open .vault-status{color:var(--metal-bright)}.vault.is-denied .vault-status{color:#e2786c}.vault.is-busy .vault-dial{animation:vault-seek 1.5s cubic-bezier(.45,0,.55,1) infinite}@keyframes vault-seek{0%{rotate:0deg}35%{rotate:140deg}70%{rotate:-60deg}to{rotate:0deg}}.vault.is-denied .vault-door{animation:vault-shake .52s cubic-bezier(.36,.07,.19,.97)}.vault.is-denied .vault-index{fill:#d4574a}@keyframes vault-shake{10%,90%{translate:-1px 0}20%,80%{translate:3px 0}30%,50%,70%{translate:-6px 0}40%,60%{translate:6px 0}}.vault.is-open .vault-wheel{transform:rotate(-150deg)}.vault.is-open .vault-bolt{transform:translateX(-24px)}.vault.is-open .vault-door{transform:rotateY(-78deg)}.vault.is-open .vault-inside{opacity:1}.vault.is-open:after{opacity:0}.vault.is-through{animation:vault-push .9s cubic-bezier(.7,0,.35,1) 1.75s forwards}.vault.is-through .vault-status{opacity:0;transition:color .3s var(--ease-out),opacity .3s 1.5s var(--ease-out)}@keyframes vault-push{to{transform:scale(6)}}.auth-container:has(.vault.is-through) .auth-card{animation:auth-card-out .5s 1.45s var(--ease-out) forwards}@keyframes auth-card-out{to{opacity:0;transform:translate3d(0,14px,0) scale(.97)}}.auth-container:has(.vault.is-through){animation:auth-leave .45s ease-in 2.15s forwards}@keyframes auth-leave{to{opacity:0}}.auth-card{position:relative;animation:auth-card-in .8s cubic-bezier(.2,1.1,.35,1) .35s backwards}@keyframes auth-card-in{0%{opacity:0;transform:translate3d(0,22px,0) scale(.98)}}.auth-form input{transition:border-color .26s var(--ease-out),box-shadow .26s var(--ease-out),background .26s var(--ease-out)}.auth-form input:focus{box-shadow:0 0 0 3px rgba(201,169,97,.14)}@media (prefers-reduced-motion:reduce){.vault,.vault *,.vault:after{animation:none!important;transition:none!important}.vault{transform:none}.auth-container,.auth-container .auth-card{animation:none!important}}