.auth-screen{background:var(--background);color:#fafafa;flex-direction:column;flex:1;min-height:100dvh;display:flex;position:relative;overflow:hidden}.auth-screen .otp-input-dash{background:#ffffff26;border-radius:50%;width:4px;height:4px;margin:auto 10px}.auth-screen--overlay{z-index:40;width:min(100%,540px);min-height:0;position:fixed;top:0;bottom:0;left:50%;transform:translate(-50%)}.auth-screen__top{z-index:4;padding:max(var(--tg-safe-area-inset-top,0px) + var(--tg-content-safe-area-inset-top,0px) + 12px,env(safe-area-inset-top,0px) + 12px) 16px 0;background:linear-gradient(var(--background), transparent);flex-direction:column;gap:14px;display:flex;position:absolute;top:0;left:0;right:0}.auth-screen__bars{gap:4px;display:flex}.auth-screen__bars span{background:#ffffff47;border-radius:99px;flex:1;height:3px;overflow:hidden}.auth-screen__bars i{transform-origin:0;background:#fff;width:100%;height:100%;transition:all .1s;display:block;transform:scaleX(0)}.auth-screen__brand{justify-content:space-between;align-items:center;min-height:32px;display:flex}.auth-screen__brand strong{font-family:var(--font-nunito),Nunito,sans-serif;letter-spacing:-.03em;font-size:18px}.auth-screen__brand button{color:#fff;cursor:pointer;background:#ffffff1f;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.auth-screen__brand button svg{width:18px;height:18px}.auth-screen__stage{touch-action:manipulation;flex:1;min-height:0;position:relative}.auth-screen__copy{z-index:2;position:absolute;bottom:108px;left:20px;right:20px}.auth-screen__copy p{color:var(--primary);letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;font-size:13px;font-weight:600}.auth-screen__copy h1{font-family:var(--font-nunito),Nunito,sans-serif;letter-spacing:-.04em;margin:0 0 8px;font-size:34px;font-weight:800;line-height:1.05}.auth-screen__copy span{color:#fafafab8;max-width:320px;font-size:15px;line-height:1.4;display:block}.auth-screen__cta{z-index:3;left:16px;right:16px;bottom:max(var(--tg-safe-area-inset-bottom,0px) + var(--tg-content-safe-area-inset-bottom,0px) + 16px,env(safe-area-inset-bottom,0px) + 16px);position:absolute}.auth-art{flex-direction:column;display:flex;position:absolute;inset:0}.auth-art__image{object-fit:cover;aspect-ratio:1;width:100%;max-width:320px;margin:auto}.auth-art__glow{background:radial-gradient(circle, color-mix(in srgb, var(--primary) 28%, transparent), transparent 68%);filter:blur(8px);width:280px;height:280px;position:absolute;top:28%;left:50%;transform:translate(-50%,-20%)}.auth-art--wallet{justify-content:center;align-items:center;padding-bottom:120px;display:flex}.auth-art__wallet{background:linear-gradient(#1c1c1c,#101010);border:1px solid #ffffff14;border-radius:28px;width:min(300px,84%);padding:22px 18px 10px;position:relative;box-shadow:0 24px 60px #00000073}.auth-art__wallet>span{color:#888;font-size:13px}.auth-art__wallet>strong{letter-spacing:-.04em;margin:4px 0 14px;font-size:32px;display:block}.auth-art__wallet ul{margin:0;padding:0;list-style:none}.auth-art__wallet li{border-top:1px solid #ffffff0f;align-items:center;gap:10px;padding:12px 0;display:flex}.auth-art__wallet i{background:color-mix(in srgb, var(--primary) 14%, transparent);width:32px;height:32px;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;font-style:normal;font-weight:700;display:flex}.auth-art__wallet b{font-weight:600}.auth-art__wallet em{color:#fafafacc;margin-left:auto;font-style:normal}.auth-art--cards{justify-content:center;align-items:center;display:flex}.auth-art--cards img{aspect-ratio:1800/1140;object-fit:cover;filter:drop-shadow(0 18px 30px #00000073);border-radius:16px;width:min(250px,68%);position:relative;transform:rotate(8deg)translate(34px,36px)}.auth-art--cards>em{color:#111;background:var(--primary);border-radius:99px;padding:4px 8px;font-size:12px;font-style:normal;font-weight:600;position:absolute;bottom:34%;right:18%}.auth-art__plastic{aspect-ratio:1.58;background:radial-gradient(120px 80px at 20% 0%, color-mix(in srgb, var(--primary) 35%, transparent), transparent 70%),linear-gradient(145deg, #2a2a2a, #0c0c0c);border:1px solid #ffffff1f;border-radius:18px;width:min(230px,62%);padding:16px;position:absolute;transform:rotate(-14deg)translate(-52px,-24px);box-shadow:0 16px 40px #0006}.auth-art__plastic span,.auth-art__plastic small{display:block}.auth-art__plastic span{color:#ffffffb3;font-size:12px}.auth-art__plastic small{margin-top:28px;font-size:16px;font-weight:700}.auth-art__plastic i{background:linear-gradient(135deg,#d7c08a,#8d7340);border-radius:6px;width:34px;height:26px;position:absolute;bottom:16px;left:16px}.auth-art--services{justify-content:center;align-items:center;padding-bottom:140px;display:flex}.auth-art--services ul{grid-template-columns:1fr 1fr;gap:12px;width:min(320px,88%);margin:0;padding:0;list-style:none;display:grid;position:relative}.auth-art--services li{background:#141414;border:1px solid #ffffff0f;border-radius:22px;flex-direction:column;justify-content:space-between;min-height:92px;padding:14px;font-weight:600;display:flex}.auth-art--services li:last-child{flex-direction:row;grid-column:1/-1;align-items:center;min-height:72px}.auth-art--services li svg{width:22px;height:22px;color:var(--primary)}.auth-step{padding:max(var(--tg-safe-area-inset-top,0px) + var(--tg-content-safe-area-inset-top,0px) + 12px,env(safe-area-inset-top,0px) + 12px) 20px max(var(--tg-safe-area-inset-bottom,0px) + var(--tg-content-safe-area-inset-bottom,0px) + 16px,env(safe-area-inset-bottom,0px) + 16px);flex-direction:column;flex:1;display:flex}.auth-step__back{color:#fff;cursor:pointer;background:#161616;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:12px;display:flex}.auth-step__back svg{width:22px;height:22px}.auth-step__body{flex-direction:column;flex:1;gap:16px;display:flex}.auth-step__body h1{font-family:var(--font-nunito),Nunito,sans-serif;text-align:center;letter-spacing:-.04em;margin:24px 0 0;font-size:24px;font-weight:700;line-height:1.05}.auth-step__body>p{color:#888;text-align:center;max-width:300px;margin:-8px auto 4px;line-height:1.4}.auth-step__body .input-group__input input{-webkit-user-select:text;user-select:text}.auth-step__dots-wrapper{margin:auto 0;padding-bottom:4vh}.auth-step__methods{justify-content:center;gap:16px;display:flex}.auth-step__methods .is-on{text-decoration:underline}.auth-step__link{color:var(--primary);cursor:pointer;text-align:left;background:0 0;border:none;padding:0;font-size:14px;font-weight:600}.auth-step__link:disabled{opacity:.5}.auth-step__dots{justify-content:center;gap:14px;margin:12px 0 4px;display:flex}.auth-step__dots span{border:1.5px solid #ffffff59;border-radius:50%;width:14px;height:14px}.auth-step__dots .is-on{background:var(--primary);border-color:var(--primary)}.auth-step__dots.is-error span{border-color:var(--error)}.auth-step__dots.is-loading span{animation:.8s ease-in-out infinite dot-loader;animation-delay:var(--dot-animation-delay)}@keyframes dot-loader{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.auth-step__error{text-align:center;color:var(--error);margin:12px auto 0;display:block}.auth-step__pad{--key:clamp(72px, min(19.5vw, 10dvh), 84px);--gap:clamp(16px, min(calc(var(--key) * .36), 3.6dvh), 40px);width:min(100%,var(--key)*3 + var(--gap)*2);gap:var(--gap);grid-template-columns:repeat(3,minmax(0,1fr));margin:0 auto;padding-bottom:clamp(4px,2dvh,24px);display:grid;container-type:inline-size}@media (max-height:640px){.auth-step__pad{--gap:14px}}.auth-step__pad button{aspect-ratio:1;color:#fff;cursor:pointer;touch-action:manipulation;background:linear-gradient(-45deg,#ffffff0d,#0000),linear-gradient(135deg,#ffffff05,#0000);border:none;border-radius:50%;justify-content:center;align-items:center;width:100%;font-size:12.2cqi;font-weight:500;transition:all .2s;display:flex;box-shadow:inset 1px 1px #fff3,inset -1px -1px #ffffff1a}.auth-step__pad button:active{background:linear-gradient(-45deg,#ffffff14,#0000),linear-gradient(135deg,#ffffff08,#0000);scale:.95;box-shadow:inset 1px 1px #ffffff4d,inset -1px -1px #ffffff26}.auth-step__pad button:last-child{box-shadow:none;background:0 0}.auth-step__pad button:disabled{opacity:.45}.auth-step__pad button svg{width:.9em;height:.9em}
.pin-loader{--pin-dot-border:#fff;width:160px;height:32px;color:var(--primary);margin:0 auto;display:block;overflow:visible}.pin-loader__goo,.pin-loader__spinner{transform-box:view-box}.pin-loader__goo{pointer-events:none}.pin-loader__spinner{transform-origin:80px 16px}
