.c-vault{align-content:center;place-items:center;gap:var(--u-space-6);min-height:100dvh;padding:var(--u-space-4);isolation:isolate;background:var(--v-ink);color:var(--u-text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;display:grid;position:relative;overflow-x:clip}.c-water{z-index:-1;pointer-events:none;background:radial-gradient(110% 70% at 50% 110%, #0a1a2e 0%, transparent 60%), var(--v-ink);position:fixed;inset:0;overflow:hidden}.c-water__media{transform-origin:50%;will-change:transform;position:absolute;inset:0}.c-water__video,.c-water__still{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.c-water__still{animation:c-vault-fade-in var(--u-duration-xslow) var(--u-ease-enter) both;background:url(/login/water-poster.jpg) 50%/cover no-repeat}.c-water[data-hold] .c-water__media{animation:c-water-drift 30s var(--u-ease-in-out) infinite alternate}.c-water[data-paused=true] .c-water__media{animation-play-state:paused}.c-water__vignette{background:radial-gradient(ellipse 75% 70% at 50% 50%, transparent 40%, var(--v-ink) 100%);position:absolute;inset:0}.c-water__shade{background:var(--v-shade);opacity:0;transition:opacity 2s var(--u-ease-standard);position:absolute;inset:0}.c-vault[data-reveal="2"] .c-water__shade{opacity:1}.c-vault[data-instant] .c-water__shade{transition:none}.c-vault__wordmark{font-family:var(--c-font-brand,var(--u-font-sans));letter-spacing:.32em;color:var(--u-text);text-shadow:0 2px 24px #000000b3,0 0 2px #00000080;animation:c-vault-focus var(--u-duration-xslow) var(--u-ease-enter) backwards;align-items:center;gap:.55em;margin:0 -.32em 0 0;font-size:clamp(26px,6.5vw,42px);font-weight:400;line-height:1;display:inline-flex}.c-vault[data-intro=pending] :is(.c-vault__card,.c-vault__wordmark){visibility:hidden;animation:0s 4s forwards c-vault-failsafe}.c-vault[data-intro=pending] .c-vault__half{animation:none}.c-vault[data-intro=play][data-reveal="0"] :is(.c-vault__card,.c-vault__wordmark),.c-vault[data-intro=play][data-reveal="1"] .c-vault__card{visibility:hidden;animation:none}.c-vault[data-intro=play]:not([data-reveal="2"]) .c-vault__half{animation:none}.c-vault[data-intro=play] .c-vault__wordmark{animation:c-wordmark-rise 1.5s var(--u-ease-enter) backwards}.c-vault[data-intro=play][data-reveal="2"] .c-vault__card{animation:c-vault-surface 2s var(--u-ease-enter) backwards}.c-vault[data-intro=play][data-reveal="2"] .c-vault__half{animation:c-vault-focus-in 2s var(--u-ease-enter) backwards}.c-vault[data-instant] :is(.c-vault__card,.c-vault__half,.c-vault__wordmark,.c-water__still){animation:none}.c-vault__card{width:min(420px,100%);animation:c-vault-settle var(--u-duration-xslow) var(--u-ease-enter) backwards;transition:opacity var(--u-duration-base) var(--u-ease-exit), transform var(--u-duration-base) var(--u-ease-exit);flex-direction:column;display:flex;position:relative}.c-vault__half{padding:var(--u-space-6) var(--u-space-8);background:var(--v-glass);-webkit-backdrop-filter:blur(24px)saturate(170%);backdrop-filter:blur(24px)saturate(170%);animation:c-vault-focus-in var(--u-duration-xslow) var(--u-ease-enter) backwards;border:1px solid #ffffff24;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff3,0 30px 60px -20px #0000008c}.c-vault__half--top{padding-bottom:var(--u-space-3);border-bottom:0;border-radius:24px 24px 0 0}.c-vault__half--bottom{padding-top:var(--u-space-3);border-top:0;border-radius:0 0 24px 24px}.c-vault__half--top:after{content:"";background:linear-gradient(90deg,#0000,#ffffff52,#0000);height:1px;position:absolute;bottom:0;left:24px;right:24px}.c-vault__card[data-split] .c-vault__half{padding-top:var(--u-space-5);padding-bottom:var(--u-space-5);border:1px solid #ffffff24;border-radius:24px}.c-vault__card[data-split] .c-vault__half--top:after{opacity:0}.c-vault__half:before{content:"";border-radius:inherit;pointer-events:none;opacity:0;box-shadow:inset 0 0 0 1px var(--v-ok), inset 0 0 48px #3fb97a38;transition:opacity var(--u-duration-slow) var(--u-ease-enter);position:absolute;inset:0}.c-vault[data-phase=success] .c-vault__card:not([data-split]) .c-vault__half:before,.c-vault[data-phase=leaving] .c-vault__half:before{opacity:1}.c-vault[data-phase=leaving] .c-vault__card{opacity:0;transform:scale(1.03)}.c-vault__content{gap:var(--u-space-4);animation:c-vault-focus var(--u-duration-slow) var(--u-ease-enter) both;flex-direction:column;display:flex;position:relative}.c-vault__content--actions{gap:var(--u-space-3)}.c-vault__mark{width:1.05em;height:1.05em;color:var(--u-focus);filter:drop-shadow(0 2px 14px #0009);flex:none}.c-vault h1{font-size:var(--u-font-size-2xl);font-weight:var(--u-font-weight-semibold);letter-spacing:-.01em;line-height:var(--u-line-height-tight);margin:0}.c-vault__who{font-size:var(--u-font-size-sm);color:var(--u-text-muted);flex-direction:column;gap:2px;margin:0;display:flex}.c-vault__who strong{color:var(--u-text);font-weight:var(--u-font-weight-medium);overflow-wrap:anywhere}.c-vault__codes{gap:var(--u-space-1);grid-template-columns:1fr 1fr;display:grid}.c-vault__error:empty{margin-bottom:calc(-1 * var(--u-space-3))}.c-vault__links{justify-content:center;gap:var(--u-space-1);flex-wrap:wrap;display:flex}.c-vault__core{padding:var(--u-space-5) 0;justify-content:center;display:flex}.c-vault__pane{width:100%;padding:var(--u-space-4) var(--u-space-6);background:var(--v-glass);-webkit-backdrop-filter:blur(20px)saturate(160%);backdrop-filter:blur(20px)saturate(160%);animation:c-lock-rise var(--u-duration-slow) var(--u-ease-overshoot) both;animation-delay:var(--u-duration-fast);border:1px solid #ffffff24;border-radius:20px}.c-vault .u-label{color:var(--u-text)}.c-vault .u-input{height:44px;font-size:var(--u-font-size-md);color:var(--u-text);border-color:var(--u-border-strong);transition:background-color var(--u-duration-fast) var(--u-ease-standard), border-color var(--u-duration-fast) var(--u-ease-standard);background:#ffffff0f}.c-vault .u-input:hover{border-color:#ffffff80}.c-vault .u-input:focus-visible{outline:2px solid var(--u-focus);outline-offset:1px;background:#ffffff17}.c-vault .u-btn--lg{border-radius:14px;width:100%;box-shadow:0 10px 30px -10px #38b2cf99}.c-vault .u-btn--ghost{color:var(--u-text-muted)}.c-vault .u-btn--ghost:hover:not(:disabled){color:var(--u-text);background:#ffffff14}.c-vault .c-secret{color:var(--u-text);background:#00000059;border:1px solid #ffffff1a}.c-locks{align-items:center;gap:var(--u-space-2);flex-direction:column;display:flex}.c-locks__label{font-size:var(--u-font-size-sm);font-weight:var(--u-font-weight-medium);color:var(--u-text)}.c-locks__hint{font-size:var(--u-font-size-xs);color:var(--u-text-muted);text-align:center;max-width:34ch}.c-locks__row{--lock-w:clamp(40px, 12vw, 52px);--lock-h:calc(var(--lock-w) * 1.3);position:relative}.c-locks__wheels{gap:clamp(6px,2vw,10px);display:flex}.c-locks__input{z-index:1;opacity:0;color:#0000;caret-color:#0000;cursor:text;background:0 0;border:0;width:100%;height:100%;margin:0;padding:0;font-size:16px;position:absolute;inset:0}.c-lock{width:var(--lock-w);height:var(--lock-h);animation:c-lock-rise var(--u-duration-slow) var(--u-ease-overshoot) both;animation-delay:calc(var(--u-duration-fast) + var(--i) * var(--u-stagger));display:block;position:relative}.c-lock__face{background:var(--v-glass);-webkit-backdrop-filter:blur(16px)saturate(160%);backdrop-filter:blur(16px)saturate(160%);border:1px solid #ffffff29;border-radius:14px;width:100%;height:100%;display:block;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff38,inset 0 -12px 18px #00000059,0 12px 24px -8px #00000080}.c-lock__window{position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 24% 76%,#0000);mask-image:linear-gradient(#0000,#000 24% 76%,#0000)}.c-lock__strip{will-change:transform;flex-direction:column;height:2100%;display:flex}.c-lock__cell{font-size:calc(var(--lock-w) * .52);font-weight:var(--u-font-weight-semibold);font-variant-numeric:tabular-nums;color:var(--u-text);flex:1 0 0;place-items:center;display:grid}.c-lock__cell--blank i{background:#ffffff4d;border-radius:50%;width:6px;height:6px}.c-lock__glow,.c-lock__ring,.c-lock__caret{pointer-events:none;opacity:0;position:absolute}.c-lock__glow{border-radius:14px;inset:0}.c-lock__glow--ok{box-shadow:inset 0 0 0 1.5px var(--v-ok), 0 0 24px #3fb97a73;background:#3fb97a24}.c-lock__glow--err{box-shadow:inset 0 0 0 1.5px var(--u-danger), 0 0 24px #ff5f6266;background:#ff5f6224}.c-lock__ring{border:2px solid var(--u-focus);transition:opacity var(--u-duration-fast) var(--u-ease-standard);border-radius:17px;inset:-4px}.c-lock__caret{background:var(--u-focus);border-radius:1px;height:2px;bottom:16%;left:30%;right:30%}.c-locks__row:focus-within .c-lock[data-active] .c-lock__ring{opacity:1}.c-locks__row:focus-within .c-lock[data-active]:not([data-filled]) .c-lock__caret{animation:1s linear infinite c-caret}.c-locks[data-status=success] .c-lock__glow--ok{animation:c-vault-on var(--u-duration-base) var(--u-ease-enter) both;animation-delay:calc(var(--i) * var(--u-stagger))}.c-locks[data-status=success] .c-lock__face{animation:c-lock-pulse var(--u-duration-slow) var(--u-ease-overshoot) both;animation-delay:calc(var(--i) * var(--u-stagger))}.c-locks[data-status=success] .c-lock__ring{opacity:0}.c-locks[data-flash] .c-lock__glow--err{animation:c-lock-flash var(--u-duration-xslow) linear both}@keyframes c-vault-fade-in{0%{opacity:0}}@keyframes c-vault-failsafe{to{visibility:visible}}@keyframes c-water-drift{0%{transform:scale(1)}to{transform:scale(1.06)}}@keyframes c-wordmark-rise{0%{opacity:0;filter:blur(14px);transform:translateY(28px)}}@keyframes c-vault-surface{0%{transform:translateY(64px)scale(.98)}}@keyframes c-vault-on{0%{opacity:0}to{opacity:1}}@keyframes c-vault-settle{0%{transform:translateY(14px)scale(1.04)}}@keyframes c-vault-focus-in{0%{opacity:0;filter:blur(40px)}}@keyframes c-vault-focus{0%{opacity:0;filter:blur(8px)}}@keyframes c-lock-rise{0%{opacity:0;transform:translateY(32px)scale(.92)}}@keyframes c-lock-pulse{50%{transform:scale(1.08)}}@keyframes c-lock-flash{0%{opacity:0}12%{opacity:1}30%{opacity:.35}45%{opacity:1}to{opacity:0}}@keyframes c-caret{0%,50%{opacity:1}50.01%,to{opacity:0}}@media (max-width:480px){.c-vault{padding:var(--u-space-3)}.c-vault__half{padding-left:var(--u-space-5);padding-right:var(--u-space-5)}.c-vault h1{font-size:var(--u-font-size-xl)}.c-vault{gap:var(--u-space-4)}}@media (prefers-reduced-motion:reduce){.c-water[data-hold] .c-water__media{animation:none}.c-vault[data-intro=pending] :is(.c-vault__card,.c-vault__wordmark){visibility:visible;animation:none}.c-water__still,.c-vault__half,.c-vault__content,.c-lock,.c-vault__pane,.c-vault__wordmark{animation:c-vault-fade-in var(--u-fade) linear both}.c-vault__card{transition:opacity var(--u-fade) linear;animation:none}.c-vault[data-phase=leaving] .c-vault__card{transform:none}.c-locks[data-status=success] .c-lock__glow--ok{animation:c-vault-on var(--u-fade) linear both}.c-locks[data-status=success] .c-lock__face{animation:none}.c-locks[data-flash] .c-lock__glow--err{animation:c-lock-flash calc(var(--u-fade) * 4) linear both}.c-locks__row:focus-within .c-lock[data-active]:not([data-filled]) .c-lock__caret{opacity:1;animation:none}}