.vault{isolation:isolate;place-items:center;min-height:calc(100vh - 140px);padding:48px 16px 64px;display:grid;position:relative}.vault:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side,#4d82ff1f,#0000 70%);border-radius:50%;width:min(900px,120vw);height:620px;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.vault__card{text-align:center;background:linear-gradient(#ffffff0b,#ffffff03);border-radius:28px;width:min(520px,100%);padding:40px 34px 32px;position:relative;box-shadow:inset 0 0 0 1px #ffffff13,0 60px 120px -60px #000000f2}.vault__card:before{content:"";background:linear-gradient(90deg,#0000,#96b4ff73,#0000);height:1px;position:absolute;top:0;left:14%;right:14%}.vault__dial{width:132px;height:132px;margin:0 auto 26px;position:relative}.vault__dial>svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.vault__ring-a{transform-origin:66px 66px;animation:60s linear infinite vault-turn}.vault__ring-b{transform-origin:66px 66px;animation:90s linear infinite reverse vault-turn}@keyframes vault-turn{to{transform:rotate(360deg)}}.vault__core{color:#dbe6ff;background:radial-gradient(circle at 35% 30%,#2b4fae,#142456 60%,#0a1230);border-radius:50%;place-items:center;display:grid;position:absolute;inset:34px;box-shadow:inset 0 1px #ffffff2e,0 0 0 1px #8fb2ff4d,0 18px 40px -12px #386effa6}.vault__core svg{width:26px;height:26px}.vault__name{letter-spacing:-.02em;color:#fff;font-size:clamp(26px,4vw,34px);font-weight:800;line-height:1.1}.vault h1.vault__name{font-size:clamp(26px,4vw,34px);line-height:1.1}@media (max-width:767px){.vault h1.vault__name:not(#_){font-size:clamp(1.3rem,5vw,2rem)!important;line-height:1.1!important}}@media (min-width:768px) and (max-width:1023px){.vault h1.vault__name{font-size:clamp(1.25rem,3.5vw,2rem)}}.vault__chip{letter-spacing:.12em;text-transform:uppercase;color:#bcd0ff;background:#4d82ff1a;border-radius:999px;align-items:center;gap:7px;margin-top:14px;padding:6px 12px;font:700 11px/1 Inter,system-ui,sans-serif;display:inline-flex;box-shadow:inset 0 0 0 1px #8fb2ff4d}.vault__chip svg{width:13px;height:13px}.vault__copy{gap:8px;max-width:400px;margin:22px auto 0;font-size:14px;line-height:1.6;display:grid}.vault__copy p:first-child{color:#e2e8f5db}.vault__copy p:nth-child(2){color:#becae1ad}.vault__copy p:nth-child(3){color:#a0acc48c;font-size:13px}.vault__rule{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);height:1px;margin:26px 0 22px}.vault__back{color:#0a0d14;background:#fff;border-radius:13px;align-items:center;gap:9px;height:44px;padding:0 20px;font:650 14px/1 Inter,system-ui,sans-serif;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 14px 30px -16px #ffffff8c}.vault__back:hover{transform:translateY(-1px);box-shadow:0 18px 36px -16px #ffffffb3}.vault__back svg{width:16px;height:16px;transition:transform .2s}.vault__back:hover svg{transform:translate(-3px)}@media (prefers-reduced-motion:reduce){.vault__ring-a,.vault__ring-b{animation:none}}html[data-lowend] .vault__ring-a,html[data-lowend] .vault__ring-b{animation:none}.skin-light .vault__card{background:#fff;box-shadow:inset 0 0 0 1px #0a102012,0 40px 90px -50px #14285a73}.skin-light .vault__card:before{background:linear-gradient(90deg,#0000,#1f5cff4d,#0000)}.skin-light .vault__name{color:#0b1220}.skin-light .vault__chip{color:#1d4ed8;background:#1f5cff12;box-shadow:inset 0 0 0 1px #1f5cff33}.skin-light .vault__copy p:first-child{color:#3b4558}.skin-light .vault__copy p:nth-child(2){color:#5b6475}.skin-light .vault__copy p:nth-child(3){color:#667085}.skin-light .vault__rule{background:linear-gradient(90deg,#0000,#0a10201f,#0000)}.skin-light .vault__back{color:#fff;background:#0b1220;box-shadow:0 14px 30px -16px #0b122099}.skin-light .vault__back:hover{box-shadow:0 18px 36px -16px #0b1220b3}