*,:after,:before{box-sizing:border-box;margin:0;padding:0}[role=button],a,button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}body,html{height:100%;width:100%;overflow:hidden}body{font-family:Inter,sans-serif;background:#0188fe;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--vb-primary:#0188fe;--vb-primary-dark:#0170d4;--vb-primary-deeper:#0158aa;--vb-white:#ffffff;--vb-bg:#0188fe;--vb-card-bg:rgba(255,255,255,0.12);--vb-input-border:rgba(255,255,255,0.5);--vb-input-border-focus:rgba(255,255,255,0.9);--vb-text:#ffffff;--vb-text-secondary:rgba(255,255,255,0.65);--vb-text-muted:rgba(255,255,255,0.45);--vb-btn-bg:rgba(255,255,255,0.22);--vb-btn-bg-hover:rgba(255,255,255,0.32);--vb-error:#ff4d4d;--vb-success:#4cfc80;--vb-popup-bg:#ffffff;--vb-popup-text:#1a1a2e;--vb-popup-sub:#555577;--vb-popup-accent:#0188fe}#vb24-app{position:fixed;inset:0;align-items:center;justify-content:center}#vb24-app,.vb-frame{width:100%;height:100%;display:flex;background:var(--vb-bg)}.vb-frame{position:relative;max-width:430px;max-height:100dvh;overflow:hidden;box-shadow:0 0 80px rgba(0,0,0,.35);flex-direction:column}.vb-screen{position:absolute;inset:0;opacity:0;pointer-events:none;transform:translateX(40px);transition:opacity .32s ease,transform .32s ease;overflow:hidden}.vb-screen.active{opacity:1;pointer-events:all;transform:translateX(0)}.vb-splash{position:absolute;inset:0;background:var(--vb-bg);z-index:50}.vb-splash,.vb-splash-logo-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center}.vb-splash-logo-wrap{gap:18px}.vb-splash-logo-img{width:clamp(180px,55vw,240px);height:auto;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.vb-loading-overlay{position:absolute;inset:0;z-index:40;background:var(--vb-bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0}.vb-spinner{width:52px;height:52px;border-radius:50%;border:4px solid rgba(255,255,255,.2);border-top-color:#ffffff;animation:vb-spin .8s linear infinite}@keyframes vb-spin{to{transform:rotate(1turn)}}.vb-upgrade-overlay{position:absolute;inset:0;z-index:80;background:rgba(0,20,60,.55);display:flex;align-items:flex-end;opacity:0;pointer-events:none;transition:opacity .35s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.vb-upgrade-overlay--visible{opacity:1;pointer-events:all}.vb-upgrade-popup{width:100%;background:#ffffff;border-radius:22px 22px 0 0;padding:0 clamp(14px,4vw,20px) clamp(16px,4vh,24px);position:relative;transform:translateY(50px);transition:transform .4s cubic-bezier(.34,1.3,.64,1);max-height:80vh;overflow-y:auto;border-top:3px solid var(--vb-primary)}.vb-upgrade-overlay--visible .vb-upgrade-popup{transform:translateY(0)}.vb-upgrade-progress-track{height:4px;width:100%;background:rgba(1,136,254,.15);border-radius:2px 2px 0 0;overflow:hidden;margin-bottom:16px}.vb-upgrade-progress-bar{height:100%;background:var(--vb-primary);border-radius:2px;transition:width .1s linear}.vb-upgrade-close{position:absolute;top:14px;right:16px;width:30px;height:30px;border-radius:50%;background:rgba(1,136,254,.1);border:none;cursor:pointer;font-size:14px;color:#666;display:flex;align-items:center;justify-content:center;transition:background .15s}.vb-upgrade-close:hover{background:rgba(1,136,254,.2)}.vb-upgrade-icon{width:clamp(38px,9vw,48px);height:clamp(38px,9vw,48px);border-radius:50%;background:linear-gradient(135deg,var(--vb-primary) 0,var(--vb-primary-dark) 100%);display:flex;align-items:center;justify-content:center;margin:0 auto clamp(8px,2vh,12px);box-shadow:0 4px 16px rgba(1,136,254,.35)}.vb-upgrade-title{font-size:clamp(13px,4vw,16px);font-weight:800;color:#0d0d2b;text-align:center;margin-bottom:clamp(4px,1vh,7px);line-height:1.3}.vb-upgrade-body{font-size:clamp(11px,3vw,12.5px);color:#555;text-align:center;line-height:1.5;margin-bottom:clamp(10px,2.5vh,14px)}.vb-upgrade-benefits{list-style:none;margin-bottom:clamp(10px,2.5vh,16px);display:flex;flex-direction:column;gap:clamp(5px,1.5vh,8px)}.vb-upgrade-benefits li{display:flex;align-items:flex-start;gap:8px;font-size:clamp(11px,3vw,12.5px);color:#222;line-height:1.45;background:rgba(1,136,254,.06);border-radius:8px;padding:clamp(6px,1.5vh,9px) 10px}.vb-upgrade-benefit-icon{font-size:clamp(14px,4vw,16px);flex-shrink:0;line-height:1.4}.vb-upgrade-cta{width:100%;height:clamp(40px,8vh,48px);border-radius:10px;border:none;cursor:pointer;font-size:clamp(11px,3vw,13px);font-weight:800;letter-spacing:.6px;font-family:Inter,sans-serif;background:var(--vb-primary);color:#ffffff;transition:background .18s,transform .1s;margin-bottom:clamp(8px,2vh,12px);text-transform:uppercase}.vb-upgrade-cta:hover{background:var(--vb-primary-dark)}.vb-upgrade-cta:active{transform:scale(.98)}.vb-upgrade-support{text-align:center;font-size:clamp(10px,2.8vw,11.5px);color:#888}.vb-upgrade-support-link{background:none;border:none;cursor:pointer;font-size:clamp(10px,2.8vw,11.5px);font-family:Inter,sans-serif;color:var(--vb-primary);font-weight:600;text-decoration:underline}.vb-login-screen{height:100%;background:var(--vb-bg);flex-direction:column;overflow:hidden}.vb-login-screen,.vb-login-topbar{width:100%;display:flex;align-items:center;position:relative}.vb-login-topbar{justify-content:space-between;padding:max(44px,env(safe-area-inset-top,44px)) 20px 10px;flex-shrink:0;z-index:2}.vb-topbar-menu{background:none;border:none;cursor:pointer;color:var(--vb-white);padding:4px;display:flex;flex-direction:column;gap:5px;align-items:flex-start}.vb-topbar-menu span{display:block;height:2px;border-radius:2px;background:#ffffff;width:22px}.vb-lang-wrap{position:relative;z-index:20}.vb-lang-btn{background:none;border:none;padding:4px;cursor:pointer;display:flex;align-items:center;line-height:1}.vb-lang-flag{font-size:26px;line-height:1}.vb-lang-btn-label,.vb-lang-chevron{display:none}.vb-lang-dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:160px;background:#ffffff;border-radius:12px;box-shadow:0 8px 28px rgba(0,0,0,.18),0 2px 8px rgba(0,0,0,.1);overflow:hidden;animation:vb-dropdown-in .18s cubic-bezier(.34,1.3,.64,1) both;z-index:100}@keyframes vb-dropdown-in{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.vb-lang-option{width:100%;display:flex;align-items:center;gap:12px;padding:13px 16px;background:none;cursor:pointer;font-size:14px;font-weight:500;font-family:Inter,sans-serif;color:#1a1a1a;text-align:left;transition:background .12s;border:none;border-bottom:1px solid #f0f0f0}.vb-lang-option:last-child{border-bottom:none}.vb-lang-option:hover{background:#f0f7ff}.vb-lang-option--active{background:#e8f4ff}.vb-lang-option-flag{font-size:22px;line-height:1;flex-shrink:0}.vb-lang-option-label{flex:1 1}.vb-lang-option-check{margin-left:auto;color:var(--vb-primary)}.vb-lang-option-check,.vb-login-brand{display:flex;align-items:center;flex-shrink:0}.vb-login-brand{flex-direction:column;gap:8px;padding:14px 0 24px}.vb-login-brand-logo{width:clamp(100px,35vw,160px);height:auto;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.vb-login-brand-name{display:none}.vb-login-content{width:100%;padding:0;display:flex;flex-direction:column;align-items:stretch;position:relative;z-index:2;flex-shrink:0}.vb-input-row{display:flex;align-items:center;border-top:1px solid rgba(255,255,255,.35);border-bottom:1px solid rgba(255,255,255,.35);padding:14px 24px;margin-bottom:0;transition:border-color .18s}.vb-input-row+.vb-input-row{border-top:none}.vb-input-row:focus-within{border-top-color:rgba(255,255,255,.8);border-bottom-color:rgba(255,255,255,.8)}.vb-input{flex:1 1;min-width:0;background:transparent;border:none;outline:none;font-size:16px;font-weight:400;color:#ffffff;font-family:Inter,sans-serif;caret-color:#ffffff;text-align:center}.vb-input::placeholder{color:rgba(255,255,255,.65);font-weight:400;text-align:center}.vb-input-eye{background:none;border:none;cursor:pointer;color:rgba(255,255,255,.6);display:flex;align-items:center;padding:4px 0 4px 8px;flex-shrink:0}.vb-login-btn-wrap{display:flex;justify-content:center;margin-top:22px;padding:0 24px}.vb-login-btn{width:180px;height:46px;border-radius:8px;border:none;cursor:pointer;font-size:16px;font-weight:500;letter-spacing:.3px;font-family:Inter,sans-serif;background:rgba(100,140,200,.55);color:#ffffff;transition:background .18s,transform .1s}.vb-login-btn:hover{background:rgba(100,140,200,.7)}.vb-login-btn:active{transform:scale(.97)}.vb-login-spacer{flex:1 1;min-height:12px}.vb-otp-screen{width:100%;height:100%;background:var(--vb-bg);display:flex;flex-direction:column;position:relative}.vb-otp-topbar{width:100%;padding:max(40px,env(safe-area-inset-top,40px)) 20px 12px}.vb-otp-back-btn,.vb-otp-topbar{display:flex;align-items:center;flex-shrink:0}.vb-otp-back-btn{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.15);border:none;cursor:pointer;justify-content:center;color:#ffffff;transition:background .15s}.vb-otp-back-btn:hover{background:rgba(255,255,255,.25)}.vb-otp-topbar-brand{flex:1 1;display:flex;flex-direction:row;align-items:center;justify-content:center;padding-right:38px}.vb-otp-content{flex:1 1;overflow-y:auto;padding:28px clamp(20px,6vw,32px);display:flex;flex-direction:column;align-items:center}.vb-otp-icon-wrap{width:68px;height:68px;border-radius:50%;background:rgba(255,255,255,.15);border:2px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;margin-bottom:20px}.vb-otp-title{font-size:20px;font-weight:800;color:#ffffff;text-align:center;margin-bottom:10px;line-height:1.25}.vb-otp-subtitle{font-size:13.5px;color:rgba(255,255,255,.7);text-align:center;line-height:1.65;margin-bottom:28px;max-width:280px}.vb-otp-single-wrap{width:100%;border-bottom:2px solid rgba(255,255,255,.5);padding-bottom:10px;margin-bottom:10px;transition:border-color .18s}.vb-otp-single-wrap:focus-within{border-bottom-color:#ffffff}.vb-otp-single-input{width:100%;background:transparent;border:none;outline:none;font-size:28px;font-weight:700;color:#ffffff;text-align:center;font-family:Inter,sans-serif;caret-color:#ffffff;letter-spacing:.3em}.vb-otp-single-input::placeholder{color:rgba(255,255,255,.35);font-size:20px;letter-spacing:.1em}.vb-otp-error{font-size:13px;color:#ff6b6b;justify-content:center;min-height:22px;margin-bottom:16px}.vb-otp-error,.vb-otp-timer{display:flex;align-items:center;gap:6px}.vb-otp-timer{margin-bottom:12px}.vb-otp-timer-label{font-size:13px;color:rgba(255,255,255,.6)}.vb-otp-timer-value{font-size:14px;font-weight:700;color:rgba(255,255,255,.9);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.vb-otp-timer-value--urgent{color:#ff6b6b}.vb-otp-resend-btn{background:none;border:none;cursor:pointer;font-size:13px;font-weight:600;color:rgba(255,255,255,.8);font-family:Inter,sans-serif;padding:6px 0;margin-bottom:24px}.vb-otp-resend-btn:disabled{color:rgba(255,255,255,.35);cursor:not-allowed}.vb-continue-btn-wrap{width:100%;padding:16px 24px max(24px,env(safe-area-inset-bottom,24px));flex-shrink:0}.vb-continue-btn{width:100%;height:52px;border-radius:10px;border:none;cursor:pointer;font-size:16px;font-weight:700;letter-spacing:.4px;font-family:Inter,sans-serif;background:rgba(255,255,255,.22);color:#ffffff;transition:background .2s,transform .1s}.vb-continue-btn:hover{background:rgba(255,255,255,.32)}.vb-continue-btn:active{transform:scale(.98)}.vb-continue-btn:disabled{opacity:.4;cursor:not-allowed}.vb-lock-screen{width:100%;height:100%;background:var(--vb-bg);display:flex;flex-direction:column}.vb-lock-topbar{width:100%;background:var(--vb-primary-dark);padding:max(14px,env(safe-area-inset-top,14px)) 20px 14px;display:flex;align-items:center;gap:10px;flex-shrink:0}.vb-lock-topbar-logo{width:32px;height:32px;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vb-lock-topbar-label{font-size:20px;font-weight:700;color:#ffffff;font-family:Inter,sans-serif}.vb-lock-content{flex:1 1;flex-direction:column;padding:40px 32px}.vb-lock-content,.vb-lock-icon-wrap{display:flex;align-items:center;justify-content:center}.vb-lock-icon-wrap{width:88px;height:88px;border-radius:50%;background:rgba(255,77,77,.12);border:2px solid rgba(255,77,77,.3);margin-bottom:24px}.vb-lock-title{font-size:22px;font-weight:800;color:#ff6b6b;text-align:center;margin-bottom:12px;line-height:1.2}.vb-lock-body{font-size:14px;color:rgba(255,255,255,.7);text-align:center;line-height:1.65;margin-bottom:36px;max-width:280px}.vb-lock-btn{width:100%;max-width:300px;height:52px;border-radius:26px;border:none;cursor:pointer;font-size:15px;font-weight:700;font-family:Inter,sans-serif;background:rgba(255,255,255,.22);color:#ffffff;transition:background .18s,transform .1s}.vb-lock-btn:hover{background:rgba(255,255,255,.32)}.vb-lock-btn:active{transform:scale(.98)}