.vp-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1.25rem;background:var(--bg-base)}.vp-inner{width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center;text-align:center}.vp-icon-wrap{width:56px;height:56px;border-radius:16px;background:color-mix(in srgb,var(--accent, #3A4FB8) 10%,transparent);color:var(--accent, #3A4FB8);display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem}.vp-title{font-size:1.375rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem;letter-spacing:-.02em}.vp-sub{font-size:.875rem;color:var(--text-secondary, #68719c);margin:0 0 1.75rem;line-height:1.6}.vp-alert{width:100%;display:flex;align-items:center;gap:8px;background:color-mix(in srgb,var(--danger) 14%,var(--bg-overlay));border:1px solid color-mix(in srgb,var(--danger) 40%,var(--border));border-radius:10px;padding:12px 14px;font-size:14px;font-weight:550;line-height:1.45;color:var(--mg-notify-text-error, #6b2418);margin-bottom:1rem;text-align:left}.vp-info{width:100%;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;padding:10px 14px;font-size:.8125rem;color:#16a34a;margin-bottom:1rem;text-align:center}.vp-digits{display:flex;gap:10px;justify-content:center;margin-bottom:1rem}.vp-digit{width:48px;height:58px;border-radius:12px;border:2px solid var(--border);background:var(--bg-input, #f9fafb);font-size:1.5rem;font-weight:700;text-align:center;color:var(--text-primary);caret-color:var(--accent, #3A4FB8);outline:none;transition:border-color .15s,box-shadow .15s,background .15s;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:var(--font-body, monospace);letter-spacing:0}.vp-digit:focus{border-color:var(--accent, #3A4FB8);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent, #3A4FB8) 18%,transparent);background:var(--bg-surface, #fff)}.vp-digit--filled{border-color:var(--accent, #3A4FB8);background:color-mix(in srgb,var(--accent, #3A4FB8) 5%,transparent)}.vp-digit--error{border-color:#ef4444!important;background:#fef2f2!important;animation:vp-shake .35s ease}@keyframes vp-shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.vp-progress{display:flex;gap:6px;justify-content:center;margin-bottom:1.5rem}.vp-dot{width:6px;height:6px;border-radius:50%;background:var(--border);transition:background .15s,transform .15s}.vp-dot--filled{background:var(--accent, #3A4FB8);transform:scale(1.2)}.vp-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:13px 24px;border-radius:12px;border:none;background:var(--accent, #3A4FB8);color:#fff;font-size:.9375rem;font-weight:600;font-family:var(--font-body);cursor:pointer;transition:opacity .15s,transform .12s;margin-bottom:1.5rem}.vp-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.vp-btn:not(:disabled):hover{opacity:.9;transform:translateY(-1px)}.vp-btn:not(:disabled):active{transform:translateY(0)}.vp-spinner{width:18px;height:18px;border:2.5px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:vp-spin .7s linear infinite;display:inline-block}@keyframes vp-spin{to{transform:rotate(360deg)}}.vp-footer{display:flex;align-items:center;gap:8px;font-size:.8125rem;color:var(--text-muted, #9aa0c0);flex-wrap:wrap;justify-content:center}.vp-sep{opacity:.4}.vp-resend,.vp-back{background:none;border:none;padding:0;font-family:var(--font-body);font-size:.8125rem;color:var(--accent, #3A4FB8);cursor:pointer;font-weight:500;text-decoration:none;transition:opacity .15s}.vp-resend:hover:not(:disabled),.vp-back:hover{opacity:.75}.vp-resend:disabled{color:var(--text-muted, #9aa0c0);cursor:default}.vp-footer-links{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:1.25rem}.vp-footer-sep{width:1px;height:14px;background:var(--border);flex-shrink:0}.vp-footer-btn{background:none;border:none;padding:0;font-family:var(--font-body);font-size:.875rem;color:var(--text-secondary, #68719c);cursor:pointer;font-weight:500;transition:color .15s}.vp-footer-btn:hover:not(:disabled){color:var(--text-primary)}.vp-footer-btn:disabled{color:var(--text-muted, #9aa0c0);cursor:default}@media(max-width:480px){.vp-digit{width:42px;height:52px;font-size:1.25rem;border-radius:10px}.vp-digits{gap:7px}}