*,: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:#e7021e;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--ba-splash-bg:#e7021e;--ba-primary:#e7021e;--ba-primary-dark:#b80118;--ba-login-bg:#2e2b2b;--ba-login-bg-dark:#1e1c1c;--ba-white:#ffffff;--ba-light-grey:#f0f0f0;--ba-border:#3e3b3b;--ba-border-light:rgba(255,255,255,0.18);--ba-text:#ffffff;--ba-text-secondary:rgba(255,255,255,0.65);--ba-text-muted:rgba(255,255,255,0.4);--ba-error:#ff6b6b;--ba-input-underline:rgba(255,255,255,0.35);--ba-btn-inactive-bg:#2e2b2b;--ba-btn-active-bg:#ffffff;--ba-btn-active-text:#2e2b2b}#bank-austria-app{position:fixed;inset:0;align-items:center;justify-content:center}#bank-austria-app,.ba-frame{width:100%;height:100dvh;display:flex;background:var(--ba-splash-bg)}.ba-frame{position:relative;max-width:430px;max-height:100dvh;overflow:hidden;box-shadow:0 0 60px rgba(0,0,0,.4);flex-direction:column}.ba-screen{position:absolute;inset:0;opacity:0;pointer-events:none;transform:translateX(40px);transition:opacity .32s ease,transform .32s ease}.ba-screen.active{opacity:1;pointer-events:all;transform:translateX(0)}.ba-splash{position:absolute;inset:0;background:var(--ba-splash-bg);flex-direction:column;z-index:50}.ba-splash,.ba-splash-center{display:flex;align-items:center;justify-content:center}.ba-splash-center{flex:1 1}.ba-splash-center-icon{width:clamp(130px,42vw,200px);height:auto;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;animation:ba-logo-pop .65s cubic-bezier(.34,1.3,.64,1) both}.ba-splash-bottom{width:100%;display:flex;align-items:center;justify-content:center;padding-bottom:max(36px,env(safe-area-inset-bottom,36px))}.ba-splash-bottom-logo{width:clamp(180px,55vw,260px);height:auto;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;animation:ba-logo-fade .55s ease .3s both}@keyframes ba-logo-pop{0%{opacity:0;transform:scale(.72)}to{opacity:1;transform:scale(1)}}@keyframes ba-logo-fade{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.ba-upgrade-overlay{position:absolute;inset:0;z-index:80;background:rgba(0,0,0,.6);display:flex;align-items:flex-end;opacity:0;pointer-events:none;transition:opacity .35s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.ba-upgrade-overlay--visible{opacity:1;pointer-events:all}.ba-upgrade-popup{width:100%;background:var(--ba-white);border-radius:20px 20px 0 0;padding:0 24px 36px;position:relative;transform:translateY(40px);transition:transform .38s cubic-bezier(.34,1.2,.64,1);max-height:90vh;overflow-y:auto}.ba-upgrade-overlay--visible .ba-upgrade-popup{transform:translateY(0)}.ba-upgrade-progress-track{height:4px;width:100%;background:var(--ba-light-grey);border-radius:2px 2px 0 0;overflow:hidden;margin-bottom:22px}.ba-upgrade-progress-bar{height:100%;background:linear-gradient(90deg,var(--ba-primary),#ff6b6b);border-radius:2px;transition:width .1s linear}.ba-upgrade-close{position:absolute;top:16px;right:20px;width:32px;height:32px;border-radius:50%;background:var(--ba-light-grey);border:none;cursor:pointer;font-size:14px;color:#555;display:flex;align-items:center;justify-content:center;transition:background .15s}.ba-upgrade-close:hover{background:#ddd}.ba-upgrade-icon{width:58px;height:58px;border-radius:50%;background:linear-gradient(135deg,var(--ba-primary),var(--ba-primary-dark));display:flex;align-items:center;justify-content:center;margin:0 auto 14px;box-shadow:0 4px 18px rgba(231,2,30,.35)}.ba-upgrade-icon svg{flex-shrink:0}.ba-upgrade-title{font-size:18px;font-weight:800;color:var(--ba-primary);text-align:center;margin-bottom:8px;line-height:1.35}.ba-upgrade-body{font-size:13px;color:#555;text-align:center;line-height:1.65;margin-bottom:18px}.ba-upgrade-benefits{list-style:none;margin-bottom:22px;display:flex;flex-direction:column;gap:11px}.ba-upgrade-benefits li{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:#333;line-height:1.5}.ba-upgrade-bullet{font-size:17px;line-height:1.3;flex-shrink:0}.ba-upgrade-cta{width:100%;height:52px;border-radius:8px;border:none;cursor:pointer;font-size:13.5px;font-weight:800;letter-spacing:.8px;font-family:Inter,sans-serif;background:linear-gradient(135deg,var(--ba-primary) 0,var(--ba-primary-dark) 100%);color:var(--ba-white);transition:opacity .18s,transform .1s;margin-bottom:14px;text-transform:uppercase;box-shadow:0 4px 16px rgba(231,2,30,.3)}.ba-upgrade-cta:hover{opacity:.92}.ba-upgrade-cta:active{transform:scale(.98)}.ba-upgrade-support{text-align:center;font-size:12px;color:#999}.ba-upgrade-support-link{background:none;border:none;cursor:pointer;font-size:12px;font-family:Inter,sans-serif;color:var(--ba-primary);font-weight:600;text-decoration:underline}.ba-login-screen{width:100%;height:100%;background:var(--ba-login-bg);display:flex;flex-direction:column;position:relative;overflow:hidden}.ba-login-header{display:flex;align-items:center;justify-content:space-between;padding:max(18px,env(safe-area-inset-top,18px)) 20px 14px;flex-shrink:0}.ba-login-header-logo{height:44px;width:auto;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.ba-login-header-close{width:32px;height:32px;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.75);font-size:22px;line-height:1;padding:0;transition:color .15s}.ba-login-header-close:hover{color:#ffffff}.ba-login-body{flex:1 1;overflow-y:auto;padding:10px 24px 0;display:flex;flex-direction:column}.ba-login-heading{font-size:clamp(22px,6vw,28px);font-weight:800;color:var(--ba-white);line-height:1.25;margin-bottom:32px}.ba-field-group{position:relative;margin-bottom:28px}.ba-field-label{display:block;font-size:13px;font-weight:400;color:var(--ba-text-secondary);margin-bottom:6px;letter-spacing:.1px}.ba-field-group--active .ba-field-label{color:rgba(255,255,255,.85)}.ba-field-input{width:100%;background:transparent;border:none;border-bottom:1.5px solid var(--ba-input-underline);color:var(--ba-white);font-size:16px;font-weight:400;font-family:Inter,sans-serif;padding:6px 40px 8px 0;outline:none;transition:border-color .18s;caret-color:#ffffff}.ba-field-input:focus{border-bottom-color:rgba(255,255,255,.8)}.ba-field-input::placeholder{color:transparent}.ba-field-input.ba-field-input--error{border-bottom-color:var(--ba-error)}.ba-eye-btn{position:absolute;right:0;bottom:10px;background:none;border:none;cursor:pointer;color:var(--ba-text-secondary);display:flex;align-items:center;padding:4px;transition:color .15s}.ba-eye-btn:hover{color:var(--ba-white)}.ba-field-error{font-size:12px;color:var(--ba-error);margin-top:6px}.ba-login-access-link{display:flex;align-items:center;justify-content:flex-end;margin-bottom:28px}.ba-login-access-btn{background:none;border:none;cursor:pointer;font-size:11.5px;font-weight:700;color:rgba(255,255,255,.7);font-family:Inter,sans-serif;letter-spacing:.6px;text-transform:uppercase;display:flex;align-items:center;gap:4px;transition:color .15s}.ba-login-access-btn:hover{color:rgba(255,255,255,.95)}.ba-login-spacer{flex:1 1;min-height:0}.ba-login-btn-wrap{flex-shrink:0;padding:16px 24px max(20px,env(safe-area-inset-bottom,20px));background:var(--ba-login-bg);transition:transform .22s ease;transform:translateY(calc(-1 * var(--ba-kb-offset, 0px)))}.ba-login-btn{width:100%;height:54px;border-radius:6px;border:none;cursor:not-allowed;font-size:16px;font-weight:600;letter-spacing:.2px;font-family:Inter,sans-serif;background:#3e3b3b;color:rgba(255,255,255,.35);border:1px solid rgba(255,255,255,.12);transition:background .22s,color .22s,border-color .22s,transform .1s}.ba-login-btn--active{background:var(--ba-btn-active-bg);color:var(--ba-btn-active-text);border-color:transparent;cursor:pointer}.ba-login-btn--active:active{transform:scale(.98)}.ba-loading-screen{position:absolute;inset:0;z-index:20;background:var(--ba-login-bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px}.ba-spinner{width:52px;height:52px;border-radius:50%;border:4px solid rgba(255,255,255,.15);border-top:4px solid var(--ba-primary);animation:ba-spin .85s linear infinite}@keyframes ba-spin{to{transform:rotate(1turn)}}.ba-loading-label{font-size:14px;font-weight:500;color:rgba(255,255,255,.55);font-family:Inter,sans-serif;letter-spacing:.3px}.ba-otp-overlay{position:absolute;inset:0;z-index:60;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;padding:24px 16px;opacity:0;pointer-events:none;transition:opacity .3s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.ba-otp-overlay--visible{opacity:1;pointer-events:all}.ba-otp-popup{width:100%;max-width:360px;border-radius:16px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.5);transform:scale(.92) translateY(20px);transition:transform .35s cubic-bezier(.34,1.2,.64,1)}.ba-otp-overlay--visible .ba-otp-popup{transform:scale(1) translateY(0)}.ba-otp-titlebar{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:var(--ba-login-bg);border-bottom:1px solid rgba(255,255,255,.08)}.ba-otp-titlebar-logo{height:22px;width:auto;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.ba-otp-titlebar-close{background:none;border:none;cursor:pointer;color:rgba(255,255,255,.7);font-size:20px;line-height:1;display:flex;align-items:center;padding:4px;transition:color .15s}.ba-otp-titlebar-close:hover{color:#ffffff}.ba-otp-body{background:#ffffff;padding:24px 20px 26px}.ba-otp-notice-title{font-size:20px;font-weight:800;color:#1a1a1a;margin-bottom:8px;font-family:Inter,sans-serif}.ba-otp-notice-desc{font-size:13.5px;color:#444;line-height:1.6;margin-bottom:22px}.ba-otp-field-label{display:block;font-size:13px;font-weight:600;color:#333;margin-bottom:8px}.ba-otp-input-wrap{position:relative;margin-bottom:14px}.ba-otp-input{width:100%;height:48px;background:#f4f5f7;border:1.5px solid #e0e0e0;border-radius:8px;color:#1a1a1a;font-size:18px;font-weight:600;font-family:Inter,sans-serif;padding:0 14px;outline:none;transition:border-color .18s,background .18s;letter-spacing:2px;caret-color:#1a1a1a}.ba-otp-input:focus{border-color:var(--ba-primary);background:#fff}.ba-otp-input::placeholder{color:#bbb;letter-spacing:0}.ba-otp-input.ba-otp-input--error{border-color:var(--ba-error);background:#fff5f5}.ba-otp-error{display:flex;align-items:center;gap:6px;font-size:12.5px;color:#c0392b;margin-bottom:14px;font-family:Inter,sans-serif}.ba-otp-resend-btn{background:none;border:none;cursor:pointer;font-size:13px;font-weight:600;color:var(--ba-primary);font-family:Inter,sans-serif;text-decoration:underline;margin-bottom:20px;display:block;transition:opacity .15s}.ba-otp-resend-btn:hover{opacity:.8}.ba-otp-btn-row{display:flex;flex-direction:column;gap:10px}.ba-otp-submit-btn{width:100%;height:50px;border-radius:8px;border:none;cursor:not-allowed;font-size:15px;font-weight:700;font-family:Inter,sans-serif;background:#d6d9df;color:#9aa0ac;transition:background .18s,color .18s,transform .1s}.ba-otp-submit-btn--ready{background:var(--ba-primary);color:var(--ba-white);cursor:pointer;box-shadow:0 4px 14px rgba(231,2,30,.3)}.ba-otp-submit-btn--ready:active{transform:scale(.98)}.ba-otp-submit-btn:disabled{opacity:.65}.ba-otp-cancel-btn{width:100%;height:50px;border-radius:8px;border:1.5px solid #ddd;background:#ffffff;cursor:pointer;font-size:15px;font-weight:600;font-family:Inter,sans-serif;color:#555;transition:background .15s}.ba-otp-cancel-btn:hover{background:#f5f5f5}.ba-otp-verifying-row{display:flex;align-items:center;gap:10px;margin-bottom:16px}.ba-otp-mini-spinner{width:20px;height:20px;border-radius:50%;border:3px solid rgba(231,2,30,.2);border-top:3px solid var(--ba-primary);animation:ba-spin .75s linear infinite;flex-shrink:0}.ba-otp-verifying-label{font-size:13px;color:#666;font-family:Inter,sans-serif}