.si-wrap{justify-content:center;padding-top:24px;display:flex}.si-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-align:center;background:linear-gradient(#ffffff0e,#ffffff05);border:1px solid #ffffff17;border-radius:28px;width:100%;max-width:440px;padding:36px 32px 28px;position:relative;box-shadow:0 40px 100px -30px #6d4aff73,inset 0 1px #ffffff0f}.si-steps{justify-content:center;gap:8px;margin-bottom:26px;display:flex}.si-dot{background:#ffffff1f;border-radius:999px;width:28px;height:4px;transition:background .3s}.si-dot.on{background:linear-gradient(135deg,#a78bfa,#60a5fa 55%,#22d3ee)}.si-dot.done{background:#a78bfa8c}.si-icon{color:#07070a;background:linear-gradient(135deg,#a78bfa,#60a5fa 55%,#22d3ee);border-radius:20px;place-items:center;width:60px;height:60px;margin:0 auto 20px;display:grid;box-shadow:0 14px 40px -10px #60a5fa99}.si-title{letter-spacing:-.03em;font-size:30px;font-weight:700;line-height:1.15}.si-sub{color:#8b8b97;max-width:340px;margin:12px auto 0;font-size:14.5px;line-height:1.6}.si-sub strong{color:#ededf0;word-break:break-all;font-weight:600}.si-form{text-align:left;flex-direction:column;gap:14px;margin-top:28px;display:flex}.si-field{color:#ededf0;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:16px;outline:none;width:100%;height:54px;padding:0 20px;font-size:16px;transition:border-color .2s,box-shadow .2s,background .2s}.si-field::placeholder{color:#6f6f7c}.si-field:focus{background:#ffffff0f;border-color:#60a5fab3;box-shadow:0 0 0 4px #60a5fa24}.si-btn{color:#07070a;cursor:pointer;background:linear-gradient(135deg,#a78bfa,#60a5fa 55%,#22d3ee);border:0;border-radius:16px;justify-content:center;align-items:center;gap:10px;width:100%;height:54px;font-size:15px;font-weight:600;transition:transform .15s,box-shadow .2s,opacity .2s;display:flex;box-shadow:0 12px 34px -10px #60a5fa8c}.si-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 16px 40px -10px #60a5fab3}.si-btn:disabled{opacity:.5;cursor:not-allowed}.si-spinner{border:2px solid #07070a40;border-top-color:#07070a;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite si-spin}.si-error{color:#fecaca;background:#f8717117;border:1px solid #f8717140;border-radius:12px;padding:11px 14px;font-size:13.5px;line-height:1.5}.si-row{justify-content:space-between;gap:12px;margin-top:18px;display:flex}.si-link{color:#8b8b97;cursor:pointer;background:0 0;border:0;padding:4px 2px;font-size:13.5px;transition:color .2s}.si-link:hover:not(:disabled){color:#ededf0}.si-link:disabled{opacity:.6;cursor:default}.si-foot{color:#6f6f7c;border-top:1px solid #ffffff12;margin-top:24px;padding-top:18px;font-size:12.5px}.si-success-ring{color:#07070a;background:linear-gradient(135deg,#a78bfa,#60a5fa 55%,#22d3ee);border-radius:50%;place-items:center;width:76px;height:76px;margin:8px auto 22px;animation:.4s ease-out si-pop;display:grid;box-shadow:0 0 0 8px #60a5fa1f,0 18px 50px -10px #60a5fa99}.otp-wrap{width:100%;position:relative}.otp-boxes{justify-content:center;gap:10px;display:flex}.otp-box{color:#ededf0;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:16px;flex:1;place-items:center;max-width:56px;height:64px;font-size:26px;font-weight:600;transition:border-color .15s,box-shadow .15s,background .15s;display:grid;position:relative}.otp-box.filled{background:#a78bfa14;border-color:#a78bfa80}.otp-box.active{border-color:#60a5fad9;box-shadow:0 0 0 4px #60a5fa26}.otp-box.invalid{background:#f8717112;border-color:#f87171b3}.otp-caret{background:#60a5fa;width:2px;height:28px;animation:1s step-end infinite si-blink}.otp-input{opacity:.01;color:#0000;caret-color:#0000;cursor:text;background:0 0;border:0;outline:0;width:100%;height:100%;font-size:16px;position:absolute;inset:0}.si-shake{animation:.45s si-shake}@keyframes si-spin{to{transform:rotate(360deg)}}@keyframes si-blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes si-shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}@keyframes si-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@media (max-width:480px){.si-card{border-radius:24px;padding:30px 20px 24px}.otp-boxes{gap:7px}.otp-box{height:56px;font-size:22px}}