*,: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:#28293c;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--ib-splash-bg:#28293c;--ib-primary:#335c87;--ib-primary-dark:#254870;--ib-primary-light:#4d9de0;--ib-white:#ffffff;--ib-near-white:#f8f9fc;--ib-light-grey:#e8eaed;--ib-bg:#28293c;--ib-card-bg:#32344a;--ib-input-bg:#3a3d54;--ib-input-border:#4a4e6a;--ib-text:#ffffff;--ib-text-secondary:#b0b3c8;--ib-text-muted:#7a7e99;--ib-border:#4a4e6a;--ib-error:#e53935;--ib-success:#4caf50;--ib-link:#4d9de0}#innbucks-app{position:fixed;inset:0;align-items:center;justify-content:center}#innbucks-app,.ib-frame{width:100%;height:100%;display:flex;background:var(--ib-splash-bg)}.ib-frame{position:relative;max-width:430px;max-height:100dvh;overflow:hidden;box-shadow:0 0 60px rgba(0,0,0,.5);flex-direction:column}.ib-screen{position:absolute;inset:0;opacity:0;pointer-events:none;transform:translateX(40px);transition:opacity .32s ease,transform .32s ease;overflow:hidden}.ib-screen.active{opacity:1;pointer-events:all;transform:translateX(0)}.ib-splash{position:absolute;inset:0;background:#28293c;flex-direction:column;z-index:50;overflow:hidden}.ib-splash,.ib-splash-logo-area{display:flex;align-items:center;justify-content:center}.ib-splash-logo-area{position:relative;z-index:2;animation:ib-logo-fadein .8s ease forwards}@keyframes ib-logo-fadein{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}.ib-splash-logo-img{width:120px;height:auto;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.ib-loading-overlay{position:absolute;inset:0;z-index:40;background:var(--ib-splash-bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px}.ib-loading-logo{width:110px;height:auto;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none;animation:ib-logo-pulse 1.8s ease-in-out infinite}@keyframes ib-logo-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.82;transform:scale(.96)}}.ib-three-dot-loader{display:flex;gap:10px;align-items:center}.ib-dot{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.85);animation:ib-bounce 1.2s ease-in-out infinite}.ib-dot-1{animation-delay:0s}.ib-dot-2{animation-delay:.2s}.ib-dot-3{animation-delay:.4s}@keyframes ib-bounce{0%,80%,to{transform:scale(.55);opacity:.35}40%{transform:scale(1.1);opacity:1}}.ib-login-screen{height:100%;background:var(--ib-splash-bg);flex-direction:column;overflow:hidden}.ib-login-screen,.ib-login-topbar{width:100%;display:flex;align-items:center;position:relative}.ib-login-topbar{justify-content:center;padding:max(36px,env(safe-area-inset-top,36px)) 24px 0;z-index:2;flex-shrink:0}.ib-login-brand{display:flex;align-items:center;gap:10px}.ib-login-brand-logo{width:38px;height:38px;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.ib-login-brand-name{font-size:22px;font-weight:700;color:var(--ib-white);letter-spacing:.3px;font-family:Inter,sans-serif}.ib-login-content{flex:1 1;width:100%;padding:36px 28px 0;display:flex;flex-direction:column;align-items:stretch;overflow-y:auto;position:relative;z-index:2}.ib-login-title{font-size:26px;font-weight:800;color:var(--ib-white);text-align:center;line-height:1.25;margin-bottom:36px;letter-spacing:-.2px}.ib-phone-row{display:flex;align-items:center;border-bottom:1.5px solid rgba(255,255,255,.35);padding-bottom:10px;margin-bottom:28px;gap:0;transition:border-color .18s}.ib-phone-row:focus-within{border-bottom-color:rgba(255,255,255,.8)}.ib-country-code{display:flex;align-items:center;gap:4px;font-size:15px;font-weight:600;color:var(--ib-white);white-space:nowrap;cursor:default;padding-right:10px;border-right:1.5px solid rgba(255,255,255,.25);margin-right:12px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ib-country-code-chevron{font-size:10px;color:rgba(255,255,255,.6);margin-left:2px;line-height:1}.ib-phone-input{flex:1 1;background:transparent;border:none;outline:none;font-size:15px;font-weight:400;color:var(--ib-white);font-family:Inter,sans-serif;caret-color:var(--ib-white)}.ib-phone-input::placeholder{color:rgba(255,255,255,.4);font-weight:400}.ib-field-error{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--ib-error);margin-top:-20px;margin-bottom:16px}.ib-terms-text{font-size:13px;color:var(--ib-text-secondary);text-align:center;line-height:1.65;padding:0 12px;position:relative;z-index:2}.ib-terms-link{color:var(--ib-link);font-weight:500;background:none;border:none;cursor:pointer;font-size:13px;font-family:Inter,sans-serif;text-decoration:none}.ib-terms-link:hover{text-decoration:underline}.ib-login-spacer{flex:1 1;min-height:12px}.ib-continue-btn-wrap{width:100%;padding:16px 24px max(24px,env(safe-area-inset-bottom,24px));flex-shrink:0;position:relative;z-index:2}.ib-continue-btn{width:100%;height:54px;border-radius:14px;border:none;cursor:pointer;font-size:16px;font-weight:700;letter-spacing:.4px;font-family:Inter,sans-serif;background:var(--ib-primary);color:var(--ib-white);transition:background .2s ease,transform .1s}.ib-continue-btn:hover{background:var(--ib-primary-dark)}.ib-continue-btn:active{transform:scale(.98)}.ib-upgrade-overlay{position:absolute;inset:0;z-index:80;background:rgba(0,0,0,.65);display:flex;align-items:flex-end;opacity:0;pointer-events:none;transition:opacity .35s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.ib-upgrade-overlay--visible{opacity:1;pointer-events:all}.ib-upgrade-popup{width:100%;background:#32344a;border-radius:24px 24px 0 0;padding:0 24px 36px;position:relative;transform:translateY(40px);transition:transform .38s cubic-bezier(.34,1.3,.64,1);max-height:86vh;overflow-y:auto;border-top:1px solid rgba(255,255,255,.08)}.ib-upgrade-overlay--visible .ib-upgrade-popup{transform:translateY(0)}.ib-upgrade-progress-track{height:4px;width:100%;background:rgba(255,255,255,.1);border-radius:2px 2px 0 0;overflow:hidden;margin-bottom:20px}.ib-upgrade-progress-bar{height:100%;background:linear-gradient(90deg,var(--ib-primary),var(--ib-primary-light));border-radius:2px;transition:width .1s linear}.ib-upgrade-close{position:absolute;top:14px;right:20px;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.1);border:none;cursor:pointer;font-size:14px;color:var(--ib-text-secondary);display:flex;align-items:center;justify-content:center;transition:background .15s}.ib-upgrade-close:hover{background:rgba(255,255,255,.18)}.ib-upgrade-icon{width:58px;height:58px;border-radius:50%;background:linear-gradient(135deg,var(--ib-primary) 0,var(--ib-primary-dark) 100%);display:flex;align-items:center;justify-content:center;margin:0 auto 18px;box-shadow:0 6px 20px rgba(51,92,135,.45)}.ib-upgrade-title{font-size:19px;font-weight:800;color:var(--ib-white);text-align:center;margin-bottom:8px;line-height:1.3}.ib-upgrade-body{font-size:13px;color:var(--ib-text-secondary);text-align:center;line-height:1.65;margin-bottom:18px}.ib-upgrade-benefits{list-style:none;margin-bottom:22px;display:flex;flex-direction:column;gap:11px}.ib-upgrade-benefits li{display:flex;align-items:flex-start;gap:11px;font-size:13.5px;color:var(--ib-text);line-height:1.5}.ib-upgrade-benefit-icon{font-size:18px;line-height:1.4;flex-shrink:0}.ib-upgrade-cta{width:100%;height:52px;border-radius:14px;border:none;cursor:pointer;font-size:14px;font-weight:800;letter-spacing:.8px;font-family:Inter,sans-serif;background:var(--ib-primary);color:var(--ib-white);transition:background .18s,transform .1s;margin-bottom:14px;text-transform:uppercase}.ib-upgrade-cta:hover{background:var(--ib-primary-dark)}.ib-upgrade-cta:active{transform:scale(.98)}.ib-upgrade-support{text-align:center;font-size:12px;color:var(--ib-text-muted)}.ib-upgrade-support-link{background:none;border:none;cursor:pointer;font-size:12px;font-family:Inter,sans-serif;color:var(--ib-link);font-weight:600;text-decoration:underline}.ib-otp-screen{width:100%;height:100%;background:var(--ib-splash-bg);display:flex;flex-direction:column;position:relative}.ib-otp-header{display:flex;align-items:center;justify-content:space-between;padding:max(16px,env(safe-area-inset-top,16px)) 20px 16px;background:#32344a;flex-shrink:0;border-bottom:1px solid rgba(255,255,255,.06)}.ib-otp-back-btn{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.08);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--ib-white);transition:background .15s}.ib-otp-back-btn:hover{background:rgba(255,255,255,.15)}.ib-otp-header-brand{display:flex;align-items:center;gap:8px}.ib-otp-header-logo{width:28px;height:28px;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.ib-otp-header-name{font-size:18px;font-weight:700;color:var(--ib-white);font-family:Inter,sans-serif;letter-spacing:.2px}.ib-otp-content{flex:1 1;overflow-y:auto;padding:36px 28px 28px;display:flex;flex-direction:column;align-items:center}.ib-otp-icon-wrap{width:72px;height:72px;border-radius:50%;background:rgba(51,92,135,.18);display:flex;align-items:center;justify-content:center;margin-bottom:22px;border:2px solid rgba(51,92,135,.35)}.ib-otp-title{font-size:21px;font-weight:800;color:var(--ib-white);text-align:center;margin-bottom:10px;line-height:1.25}.ib-otp-subtitle{font-size:14px;color:var(--ib-text-secondary);text-align:center;line-height:1.65;margin-bottom:32px;max-width:290px}.ib-otp-boxes{display:flex;gap:10px;justify-content:center;margin-bottom:22px}.ib-otp-box{width:46px;height:56px;border-radius:12px;border:2px solid var(--ib-border);background:var(--ib-card-bg);font-size:22px;font-weight:700;color:var(--ib-white);text-align:center;outline:none;caret-color:var(--ib-primary-light);transition:border-color .18s,background .18s;font-family:Inter,sans-serif}.ib-otp-box:focus{border-color:var(--ib-primary-light);background:rgba(51,92,135,.22);box-shadow:0 0 0 3px rgba(51,92,135,.25)}.ib-otp-box.ib-otp-box--filled{border-color:var(--ib-primary);background:rgba(51,92,135,.18)}.ib-otp-box.ib-otp-box--error{border-color:var(--ib-error);background:rgba(229,57,53,.08)}.ib-otp-timer{display:flex;align-items:center;gap:6px;margin-bottom:12px}.ib-otp-timer-label{font-size:13px;color:var(--ib-text-muted)}.ib-otp-timer-value{font-size:14px;font-weight:700;color:var(--ib-primary-light);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ib-otp-timer-value--urgent{color:var(--ib-error)}.ib-otp-resend-btn{background:none;border:none;cursor:pointer;font-size:13px;font-weight:600;color:var(--ib-link);font-family:Inter,sans-serif;padding:6px 0;margin-bottom:28px}.ib-otp-resend-btn:disabled{color:var(--ib-text-muted);cursor:not-allowed}.ib-otp-error{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--ib-error);text-align:center;margin-bottom:16px;justify-content:center}.ib-otp-verify-btn{width:100%;height:54px;border-radius:14px;border:none;cursor:pointer;font-size:15px;font-weight:700;letter-spacing:.5px;font-family:Inter,sans-serif;background:var(--ib-primary);color:var(--ib-white);transition:background .18s,transform .1s;margin-top:4px}.ib-otp-verify-btn:hover{background:var(--ib-primary-dark)}.ib-otp-verify-btn:active{transform:scale(.98)}.ib-locked-content{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 32px;background:var(--ib-splash-bg)}.ib-locked-icon{margin-bottom:22px}.ib-locked-title{font-size:22px;font-weight:800;color:var(--ib-error);text-align:center;margin-bottom:12px}.ib-locked-body{font-size:14px;color:var(--ib-text-secondary);text-align:center;line-height:1.65;margin-bottom:34px}.ib-locked-btn{width:100%;max-width:260px;height:52px;border-radius:14px;border:none;cursor:pointer;font-size:15px;font-weight:700;font-family:Inter,sans-serif;background:var(--ib-primary);color:var(--ib-white);transition:background .18s}.ib-locked-btn:hover{background:var(--ib-primary-dark)}