.firstbank-login-page[data-v-3c55b4c2]{min-height:100vh;display:flex;flex-direction:column;font-family:Arial,sans-serif;background:#f0f0f0}.header[data-v-3c55b4c2]{background:#0d2852;color:#fff;padding:.4rem .53333rem;position:relative;z-index:10}.header .header-content[data-v-3c55b4c2]{display:flex;justify-content:space-between;align-items:center;max-width:32rem;margin:0 auto}.header .header-content .logo-section .logo-container[data-v-3c55b4c2]{display:flex;align-items:center;gap:.4rem}.header .header-content .logo-section .logo-container .logo-text[data-v-3c55b4c2]{display:flex;flex-direction:column}.header .header-content .logo-section .logo-container .logo-text .first-text[data-v-3c55b4c2]{font-size:.64rem;font-weight:700;font-style:italic;line-height:1}.header .header-content .logo-section .logo-container .logo-text .since-text[data-v-3c55b4c2]{font-size:.32rem;opacity:.9;margin-top:-.05333rem}.header .header-content .logo-section .logo-container .logo-icon .yellow-box[data-v-3c55b4c2]{width:.93333rem;height:.93333rem;background:#c99131;position:relative;display:flex;align-items:center;justify-content:center}.header .header-content .logo-section .logo-container .logo-icon .yellow-box .arrow-shape[data-v-3c55b4c2]{width:0;height:0;border-left:.21333rem solid #0d2852;border-top:.16rem solid transparent;border-bottom:.16rem solid transparent}.header .header-content .firstonline-text[data-v-3c55b4c2]{font-size:.64rem;font-weight:700;font-style:italic;opacity:.9}.main-content[data-v-3c55b4c2]{flex:1;position:relative;display:flex}.background-image[data-v-3c55b4c2]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.background-image img[data-v-3c55b4c2]{width:100%;height:100%;object-fit:cover}.background-image .background-overlay[data-v-3c55b4c2]{position:absolute;top:0;left:0;width:100%;height:100%;background:hsla(0,0%,100%,.1)}.login-form-container[data-v-3c55b4c2]{position:relative;z-index:5;flex:0 0 12rem;padding:1.06667rem .8rem 0}.login-form-container .form-wrapper[data-v-3c55b4c2]{background:hsla(0,0%,100%,.95);border-radius:.4rem .4rem 0 0;padding:.8rem;box-shadow:0 -.13333rem .53333rem rgba(0,0,0,.1);border-left:.10667rem solid #c99131}.login-form-container .form-wrapper .login-form .form-title[data-v-3c55b4c2]{font-size:.48rem;color:#333;margin-bottom:.66667rem;font-weight:400}.login-form-container .form-wrapper .login-form .form-group[data-v-3c55b4c2]{margin-bottom:.53333rem}.login-form-container .form-wrapper .login-form .form-group .form-label[data-v-3c55b4c2]{display:block;color:#333;font-size:.37333rem;margin-bottom:.21333rem;font-weight:400}.login-form-container .form-wrapper .login-form .form-group .form-label .required-star[data-v-3c55b4c2]{color:red;margin-left:.05333rem}.login-form-container .form-wrapper .login-form .form-group .form-input[data-v-3c55b4c2]{width:100%;padding:.26667rem .32rem;border:.02667rem solid #ccc;border-radius:.10667rem;font-size:.37333rem;outline:none;transition:border-color .3s ease;box-sizing:border-box}.login-form-container .form-wrapper .login-form .form-group .form-input[data-v-3c55b4c2]:focus{border-color:#0d2852}.login-form-container .form-wrapper .login-form .form-group .form-input[data-v-3c55b4c2]::placeholder{color:#999}.login-form-container .form-wrapper .login-form .form-group .form-help[data-v-3c55b4c2]{margin-top:.13333rem;font-size:.32rem;color:#666}.login-form-container .form-wrapper .login-form .form-group .form-help .corporate-text[data-v-3c55b4c2]{font-weight:700;color:#333}.login-form-container .form-wrapper .login-form .form-group .verification-row[data-v-3c55b4c2]{display:flex;align-items:center}.login-form-container .form-wrapper .login-form .form-group .verification-row .verification-code .captcha-image[data-v-3c55b4c2]{height:.93333rem;border:.02667rem solid #ccc;border-radius:.10667rem}.login-form-container .form-wrapper .login-form .form-group .next-button[data-v-3c55b4c2]{width:100%;background:#c99131;color:#fff;border:none;border-radius:.10667rem;padding:.32rem;font-size:.37333rem;font-weight:700;cursor:pointer;transition:background .3s ease}.login-form-container .form-wrapper .login-form .form-group .next-button[data-v-3c55b4c2]:hover:not(:disabled){background:#b8821c}.login-form-container .form-wrapper .login-form .form-group .next-button[data-v-3c55b4c2]:disabled{background:#ccc;cursor:not-allowed}.login-form-container .form-wrapper .login-form .new-customer-section[data-v-3c55b4c2]{margin-top:.66667rem;text-align:left}.login-form-container .form-wrapper .login-form .new-customer-section .new-customer-text[data-v-3c55b4c2]{color:#666;font-size:.37333rem;display:block;margin-bottom:.26667rem}.login-form-container .form-wrapper .login-form .new-customer-section .self-registration-button[data-v-3c55b4c2]{background:#c99131;color:#fff;border:none;border-radius:.10667rem;padding:.26667rem .53333rem;font-size:.34667rem;font-weight:700;cursor:pointer;transition:background .3s ease}.login-form-container .form-wrapper .login-form .new-customer-section .self-registration-button[data-v-3c55b4c2]:hover{background:#b8821c}.login-form-container .yellow-features-bar[data-v-3c55b4c2]{background:#c99131;color:#fff;padding:.4rem .53333rem;border-radius:0 0 .4rem .4rem;box-shadow:0 .13333rem .53333rem rgba(0,0,0,.1)}.login-form-container .yellow-features-bar .features-content[data-v-3c55b4c2]{display:flex;justify-content:space-between;align-items:center}.login-form-container .yellow-features-bar .features-content .features-left[data-v-3c55b4c2]{display:flex;align-items:center;gap:.26667rem}.login-form-container .yellow-features-bar .features-content .features-left .bulb-icon[data-v-3c55b4c2]{font-size:.48rem}.login-form-container .yellow-features-bar .features-content .features-left .features-text[data-v-3c55b4c2]{font-size:.34667rem;line-height:1.4}.login-form-container .yellow-features-bar .features-content .features-left .features-text strong[data-v-3c55b4c2]{font-weight:700}.login-form-container .yellow-features-bar .features-content .features-right .learn-more-link[data-v-3c55b4c2]{color:#fff;text-decoration:underline;font-size:.34667rem;font-weight:700}.login-form-container .yellow-features-bar .features-content .features-right .learn-more-link[data-v-3c55b4c2]:hover{text-decoration:none}.features-panel[data-v-3c55b4c2]{flex:1;position:relative;z-index:5;padding:1.06667rem;display:flex;flex-direction:column;align-items:center}.features-panel .features-title[data-v-3c55b4c2]{color:#fff;font-size:.64rem;font-weight:700;margin-bottom:.8rem;text-shadow:.05333rem .05333rem .10667rem rgba(0,0,0,.5)}.features-panel .features-grid[data-v-3c55b4c2]{display:grid;grid-template-columns:repeat(3,1fr);gap:.53333rem;max-width:10.66667rem}.features-panel .features-grid .feature-item[data-v-3c55b4c2]{background:rgba(13,40,82,.9);color:#fff;padding:.53333rem .4rem;border-radius:.21333rem;text-align:center;box-shadow:0 .10667rem .4rem rgba(0,0,0,.3);transition:transform .3s ease}.features-panel .features-grid .feature-item[data-v-3c55b4c2]:hover{transform:translateY(-.13333rem)}.features-panel .features-grid .feature-item .feature-icon[data-v-3c55b4c2]{width:1.06667rem;height:1.06667rem;margin:0 auto .26667rem;background-size:contain;background-repeat:no-repeat;background-position:50%}.features-panel .features-grid .feature-item .feature-icon.account-balance[data-v-3c55b4c2]{background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIGZpbGw9IiNmZmYiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEyIDJDNi40OCAyIDIgNi40OCAyIDEyczQuNDggMTAgMTAgMTAgMTAtNC40OCAxMC0xMFMxNy41MiAyIDEyIDJ6bS0yIDE1bC01LTUgMS40MS0xLjQxTDEwIDE0LjE3bDcuNTktNy41OUwxOSA4bC05IDl6Ii8+PC9zdmc+")}.features-panel .features-grid .feature-item .feature-icon.transfer-funds[data-v-3c55b4c2]{background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIGZpbGw9IiNmZmYiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEyIDRsMS40MSAxLjQxTDE2IDhINHYyaDlsLTEuNDEgMS40MS40MS41OSA0LTQtNC00ek04IDE2SDJ2Mmg2bDItMnoiLz48L3N2Zz4=")}.features-panel .features-grid .feature-item .feature-icon.setup[data-v-3c55b4c2]{background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIGZpbGw9IiNmZmYiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTE5IDRoM2ExIDEgMCAwMTEgMXYxNGExIDEgMCAwMS0xIDFoLTNhMSAxIDAgMDEtMS0xVjVhMSAxIDAgMDExLTF6bS02IDVoM2ExIDEgMCAwMTEgMXY5YTEgMSAwIDAxLTEgMWgtM2ExIDEgMCAwMS0xLTF2LTlhMSAxIDAgMDExLTF6bS02IDNoM2ExIDEgMCAwMTEgMXY2YTEgMSAwIDAxLTEgMUg1YTEgMSAwIDAxLTEtMXYtNmExIDEgMCAwMTEtMXoiLz48L3N2Zz4=")}.features-panel .features-grid .feature-item .feature-icon.cheques[data-v-3c55b4c2]{background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIGZpbGw9IiNmZmYiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTIwIDRINGMtMS4xIDAtMS45OS45LTEuOTkgMkwyIDE4YzAgMS4xLjkgMiAyIDJoMTZjMS4xIDAgMi0uOSAyLTJWNmMwLTEuMS0uOS0yLTItMnptLTEgMTJINVY5aDE0djd6Ii8+PC9zdmc+")}.features-panel .features-grid .feature-item .feature-icon.pay-bills[data-v-3c55b4c2]{background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIGZpbGw9IiNmZmYiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEyIDJDNi40OCAyIDIgNi40OCAyIDEyczQuNDggMTAgMTAgMTAgMTAtNC40OCAxMC0xMFMxNy41MiAyIDEyIDJ6bS0yIDE1bC01LTUgMS40MS0xLjQxTDEwIDE0LjE3bDcuNTktNy41OUwxOSA4bC05IDl6Ii8+PC9zdmc+")}.features-panel .features-grid .feature-item .feature-icon.bulk-payments[data-v-3c55b4c2]{background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIGZpbGw9IiNmZmYiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTIwIDZoLTIuMThjLjExLS4zMS4xOC0uNjUuMTgtMWEyLjk5NiAyLjk5NiAwIDAwLTUuNS0xLjY1bC0uNS44MS0uNS0uODFBMi45OTYgMi45OTYgMCAwMDYgNWMwIC4zNS4wNy42OS4xOCAxSDRjLTEuMTEgMC0yIC44OS0yIDJ2M2gyMFY4YzAtMS4xMS0uODktMi0yLTJ6TTIgMTlhMiAyIDAgMDAyIDJoMTZhMiAyIDAgMDAyLTJ2LTZIMnY2eiIvPjwvc3ZnPg==")}.features-panel .features-grid .feature-item .feature-icon.approval-workflow[data-v-3c55b4c2]{background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIGZpbGw9IiNmZmYiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEyIDJDNi40OCAyIDIgNi40OCAyIDEyczQuNDggMTAgMTAgMTAgMTAtNC40OCAxMC0xMFMxNy41MiAyIDEyIDJ6bS0yIDE1bC01LTUgMS40MS0xLjQxTDEwIDE0LjE3bDcuNTktNy41OUwxOSA4bC05IDl6Ii8+PC9zdmc+")}.features-panel .features-grid .feature-item .feature-label[data-v-3c55b4c2]{font-size:.29333rem;font-weight:700;text-transform:uppercase;line-height:1.2}.footer[data-v-3c55b4c2]{background:#0d2852;color:#fff;padding:.4rem .53333rem;text-align:center}.footer .footer-content[data-v-3c55b4c2]{max-width:32rem;margin:0 auto}.footer .footer-content .copyright-text[data-v-3c55b4c2]{margin:0;font-size:.32rem;opacity:.9}@media (max-width:1024px){.main-content[data-v-3c55b4c2]{flex-direction:column}.login-form-container[data-v-3c55b4c2]{flex:none;width:100%;max-width:16rem;margin:0 auto}.features-panel[data-v-3c55b4c2]{display:none}}@media (max-width:768px){.header[data-v-3c55b4c2]{padding:.26667rem .4rem}.header .header-content .logo-section .logo-container .logo-text .first-text[data-v-3c55b4c2]{font-size:.53333rem}.header .header-content .logo-section .logo-container .logo-text .since-text[data-v-3c55b4c2]{font-size:.26667rem}.header .header-content .logo-section .logo-container .logo-icon .yellow-box[data-v-3c55b4c2]{width:.8rem;height:.8rem}.header .header-content .firstonline-text[data-v-3c55b4c2]{font-size:.48rem}.login-form-container[data-v-3c55b4c2]{padding:.53333rem .4rem 0}.login-form-container .form-wrapper[data-v-3c55b4c2]{padding:.53333rem}}@media (max-width:480px){.header .header-content[data-v-3c55b4c2]{flex-direction:column;gap:.26667rem;text-align:center}.login-form-container[data-v-3c55b4c2]{padding:.4rem .26667rem 0}.login-form-container .form-wrapper[data-v-3c55b4c2]{padding:.4rem;border-radius:.26667rem .26667rem 0 0}.login-form-container .yellow-features-bar[data-v-3c55b4c2]{border-radius:0 0 .26667rem .26667rem;padding:.32rem .4rem}.login-form-container .yellow-features-bar .features-content[data-v-3c55b4c2]{flex-direction:column;gap:.26667rem;text-align:center}.login-form-container .yellow-features-bar .features-content .features-left[data-v-3c55b4c2]{justify-content:center}}.pin-modal-overlay[data-v-3c55b4c2]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:1000}.pin-modal[data-v-3c55b4c2]{background:#2c2c2c;border-radius:.53333rem;padding:.8rem .53333rem;width:90%;max-width:10.66667rem;position:relative}.pin-modal .modal-header[data-v-3c55b4c2]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.06667rem}.pin-modal .modal-header .modal-title[data-v-3c55b4c2]{color:#fff;font-size:.53333rem;font-weight:600;flex:1;text-align:center}.pin-modal .modal-header .close-button[data-v-3c55b4c2]{color:#999;font-size:.64rem;cursor:pointer;position:absolute;right:.53333rem;top:.53333rem}.pin-modal .pin-display[data-v-3c55b4c2]{display:flex;justify-content:center;gap:.53333rem;margin-bottom:1.33333rem}.pin-modal .pin-display .pin-dot[data-v-3c55b4c2]{width:.53333rem;height:.53333rem;border:.05333rem solid #007aff;border-radius:50%;background:transparent;transition:background .2s ease}.pin-modal .pin-display .pin-dot.filled[data-v-3c55b4c2]{background:#007aff}.pin-modal .number-pad[data-v-3c55b4c2]{display:flex;flex-direction:column;gap:.53333rem;margin-bottom:1.06667rem}.pin-modal .number-pad .number-row[data-v-3c55b4c2]{display:flex;justify-content:space-between;gap:.53333rem}.pin-modal .number-pad .number-row .number-button[data-v-3c55b4c2]{flex:1;height:1.6rem;background:transparent;border:none;border-radius:.26667rem;color:#007aff;font-size:.64rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;border-bottom:.05333rem solid #333}.pin-modal .number-pad .number-row .number-button[data-v-3c55b4c2]:hover{background:rgba(0,122,255,.1)}.pin-modal .number-pad .number-row .number-button.spacer[data-v-3c55b4c2]{cursor:default}.pin-modal .number-pad .number-row .number-button.spacer[data-v-3c55b4c2]:hover{background:transparent}.pin-modal .number-pad .number-row .number-button.delete[data-v-3c55b4c2]{color:#007aff}.pin-modal .verify-button[data-v-3c55b4c2]{width:100%;background:transparent;border:none;border-radius:.32rem;padding:.42667rem;font-size:.42667rem;font-weight:600;color:#007aff;cursor:pointer;text-align:center}.pin-modal .verify-button[data-v-3c55b4c2]:hover{background:rgba(0,122,255,.1)}