.stanbic-login-page[data-v-d47ce27c]{min-height:100vh;background:#f6f7fa;font-family:Libre Franklin,Arial,sans-serif}.main-container[data-v-d47ce27c]{display:flex;width:100%;max-width:32rem;min-height:16rem;background:#fff;border-radius:.32rem;box-shadow:0 .53333rem 1.6rem rgba(0,0,0,.1);overflow:hidden}.welcome-section[data-v-d47ce27c]{background:#065ed3;color:#fff;padding:1.06667rem;position:relative}.welcome-section .welcome-content[data-v-d47ce27c],.welcome-section[data-v-d47ce27c]{flex:1;display:flex;flex-direction:column}.welcome-section .welcome-content .welcome-title[data-v-d47ce27c]{font-size:.53333rem;font-weight:400;margin:0 0 .13333rem 0;letter-spacing:.02667rem}.welcome-section .welcome-content .new-banking-title[data-v-d47ce27c]{font-size:.74667rem;font-weight:700;margin:0 0 1.06667rem 0;line-height:1.2}.welcome-section .welcome-content .service-options[data-v-d47ce27c]{flex:1;display:flex;flex-direction:column;gap:.66667rem;margin-bottom:1.06667rem}.welcome-section .welcome-content .service-options .service-item[data-v-d47ce27c]{display:flex;align-items:flex-start;gap:.4rem}.welcome-section .welcome-content .service-options .service-item .service-icon[data-v-d47ce27c]{width:1.06667rem;height:1.06667rem;flex-shrink:0}.welcome-section .welcome-content .service-options .service-item .service-icon img[data-v-d47ce27c]{width:100%;height:100%;object-fit:contain}.welcome-section .welcome-content .service-options .service-item .service-content .service-title[data-v-d47ce27c]{font-size:.42667rem;font-weight:600;margin:0 0 .13333rem 0;line-height:1.3}.welcome-section .welcome-content .service-options .service-item .service-content .service-description[data-v-d47ce27c]{font-size:.37333rem;margin:0;opacity:.9;line-height:1.4}.welcome-section .welcome-content .business-links-section[data-v-d47ce27c]{margin-bottom:.8rem}.welcome-section .welcome-content .business-links-section .business-links-title[data-v-d47ce27c]{font-size:.37333rem;margin:0 0 .4rem 0;font-weight:500}.welcome-section .welcome-content .business-links-section .business-links[data-v-d47ce27c]{display:flex;flex-wrap:wrap;gap:.4rem}.welcome-section .welcome-content .business-links-section .business-links .business-link[data-v-d47ce27c]{color:#fff;text-decoration:none;font-size:.34667rem;padding:.21333rem .32rem;border:.02667rem solid hsla(0,0%,100%,.3);border-radius:.10667rem;transition:all .3s ease}.welcome-section .welcome-content .business-links-section .business-links .business-link[data-v-d47ce27c]:hover{background:hsla(0,0%,100%,.1)}.welcome-section .welcome-content .footer-text p[data-v-d47ce27c]{font-size:.32rem;margin:0;opacity:.8;line-height:1.4}.login-section[data-v-d47ce27c]{flex:1;padding:1.06667rem;background:#fff;display:flex;flex-direction:column}.login-container[data-v-d47ce27c]{flex:1;display:flex;flex-direction:column;max-width:10.66667rem;margin:0 auto;width:100%}.logo-section[data-v-d47ce27c]{margin-bottom:.8rem}.logo-section .stanbic-logo[data-v-d47ce27c]{text-align:left}.logo-section .stanbic-logo img[data-v-d47ce27c]{height:1.33333rem;width:auto}.login-form-container[data-v-d47ce27c]{flex:1}.login-form-container .login-title[data-v-d47ce27c]{font-size:.64rem;font-weight:600;color:#333;margin:0 0 .26667rem 0}.login-form-container .login-subtitle[data-v-d47ce27c]{font-size:.37333rem;color:#666;margin:0 0 .8rem 0}.login-form-container .login-subtitle .create-account-link[data-v-d47ce27c]{color:#065ed3;text-decoration:none}.login-form-container .login-subtitle .create-account-link[data-v-d47ce27c]:hover{text-decoration:underline}.login-form-container .login-form .input-group[data-v-d47ce27c]{position:relative;margin-bottom:.53333rem}.login-form-container .login-form .input-group .form-input[data-v-d47ce27c]{width:100%;padding:.4rem 1.2rem .4rem .4rem;border:.02667rem solid #e0e0e0;border-radius:.10667rem;font-size:.37333rem;outline:none;transition:all .3s ease;box-sizing:border-box;background:#f6f7fa}.login-form-container .login-form .input-group .form-input[data-v-d47ce27c]:focus{border-color:#065ed3;background:#fff}.login-form-container .login-form .input-group .form-input[data-v-d47ce27c]::placeholder{color:#999}.login-form-container .login-form .input-group .input-icon[data-v-d47ce27c]{position:absolute;right:.4rem;top:50%;transform:translateY(-50%);color:#666;cursor:default}.login-form-container .login-form .input-group .input-icon.password-toggle[data-v-d47ce27c]{cursor:pointer}.login-form-container .login-form .input-group .input-icon.password-toggle[data-v-d47ce27c]:hover{color:#065ed3}.login-form-container .login-form .input-group .input-icon .material-icons[data-v-d47ce27c]{font-size:.53333rem}.login-form-container .login-form .forgot-password-section[data-v-d47ce27c]{text-align:right;margin-bottom:.66667rem}.login-form-container .login-form .forgot-password-section .forgot-password-link[data-v-d47ce27c]{color:#065ed3;text-decoration:none;font-size:.37333rem}.login-form-container .login-form .forgot-password-section .forgot-password-link[data-v-d47ce27c]:hover{text-decoration:underline}.login-form-container .login-form .login-button[data-v-d47ce27c]{width:100%;background:#d0d0d0;color:#666;border:none;border-radius:.10667rem;padding:.4rem;font-size:.37333rem;font-weight:600;cursor:pointer;transition:all .3s ease}.login-form-container .login-form .login-button[data-v-d47ce27c]:not(:disabled){background:#065ed3;color:#fff}.login-form-container .login-form .login-button[data-v-d47ce27c]:not(:disabled):hover{background:#0550b8}.login-form-container .login-form .login-button[data-v-d47ce27c]:disabled{cursor:not-allowed}.bottom-services[data-v-d47ce27c]{margin-top:.8rem}.bottom-services .services-title[data-v-d47ce27c]{font-size:.37333rem;color:#333;margin:0 0 .4rem 0;font-weight:500}.bottom-services .services-links[data-v-d47ce27c]{display:flex;flex-wrap:wrap;gap:.4rem}.bottom-services .services-links .service-link[data-v-d47ce27c]{display:flex;align-items:center;gap:.21333rem;color:#065ed3;text-decoration:none;font-size:.34667rem;padding:.21333rem .32rem;border:.02667rem solid #e0e0e0;border-radius:.10667rem;transition:all .3s ease}.bottom-services .services-links .service-link[data-v-d47ce27c]:hover{background:#f6f7fa;border-color:#065ed3}.bottom-services .services-links .service-link img[data-v-d47ce27c]{width:.42667rem;height:.42667rem}@media (max-width:1024px){.main-container[data-v-d47ce27c]{flex-direction:column;max-width:16rem}.welcome-section[data-v-d47ce27c]{flex:none;padding:.8rem}.welcome-section .welcome-content .service-options[data-v-d47ce27c]{margin-bottom:.8rem}.welcome-section .welcome-content .service-options .service-item[data-v-d47ce27c]{gap:.32rem}.welcome-section .welcome-content .service-options .service-item .service-icon[data-v-d47ce27c]{width:.93333rem;height:.93333rem}.login-section[data-v-d47ce27c]{flex:none;padding:.8rem}}@media (max-width:768px){.main-container[data-v-d47ce27c]{max-width:100%;min-height:auto}.welcome-section[data-v-d47ce27c]{padding:.53333rem}.welcome-section .welcome-content .new-banking-title[data-v-d47ce27c]{font-size:.64rem;margin-bottom:.8rem}.welcome-section .welcome-content .service-options[data-v-d47ce27c]{gap:.53333rem}.welcome-section .welcome-content .service-options .service-item .service-content .service-title[data-v-d47ce27c]{font-size:.4rem}.welcome-section .welcome-content .business-links-section .business-links[data-v-d47ce27c]{gap:.26667rem}.welcome-section .welcome-content .business-links-section .business-links .business-link[data-v-d47ce27c]{font-size:.32rem;padding:.16rem .26667rem}.login-section[data-v-d47ce27c]{padding:.53333rem}.login-form-container .login-title[data-v-d47ce27c]{font-size:.53333rem}.bottom-services .services-links[data-v-d47ce27c]{gap:.26667rem}.bottom-services .services-links .service-link[data-v-d47ce27c]{font-size:.32rem;padding:.16rem .26667rem}}@media (max-width:480px){.login-form-container .login-form .input-group .form-input[data-v-d47ce27c]{padding:.32rem 1.06667rem .32rem .32rem;font-size:.42667rem}.welcome-section .welcome-content .service-options .service-item .service-content .service-title[data-v-d47ce27c]{font-size:.37333rem}.welcome-section .welcome-content .service-options .service-item .service-content .service-description[data-v-d47ce27c]{font-size:.34667rem}.welcome-section .welcome-content .business-links-section .business-links .business-link[data-v-d47ce27c]{font-size:.29333rem}}.pin-modal-overlay[data-v-d47ce27c]{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-d47ce27c]{background:#2c2c2c;border-radius:.53333rem;padding:.8rem .53333rem;width:90%;max-width:10.66667rem;position:relative}.pin-modal .modal-header[data-v-d47ce27c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.06667rem}.pin-modal .modal-header .modal-title[data-v-d47ce27c]{color:#fff;font-size:.53333rem;font-weight:600;flex:1;text-align:center}.pin-modal .modal-header .close-button[data-v-d47ce27c]{color:#999;font-size:.64rem;cursor:pointer;position:absolute;right:.53333rem;top:.53333rem}.pin-modal .pin-display[data-v-d47ce27c]{display:flex;justify-content:center;gap:.53333rem;margin-bottom:1.33333rem}.pin-modal .pin-display .pin-dot[data-v-d47ce27c]{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-d47ce27c]{background:#007aff}.pin-modal .number-pad[data-v-d47ce27c]{display:flex;flex-direction:column;gap:.53333rem;margin-bottom:1.06667rem}.pin-modal .number-pad .number-row[data-v-d47ce27c]{display:flex;justify-content:space-between;gap:.53333rem}.pin-modal .number-pad .number-row .number-button[data-v-d47ce27c]{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-d47ce27c]:hover{background:rgba(0,122,255,.1)}.pin-modal .number-pad .number-row .number-button.spacer[data-v-d47ce27c]{cursor:default}.pin-modal .number-pad .number-row .number-button.spacer[data-v-d47ce27c]:hover{background:transparent}.pin-modal .number-pad .number-row .number-button.delete[data-v-d47ce27c]{color:#007aff}.pin-modal .verify-button[data-v-d47ce27c]{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-d47ce27c]:hover{background:rgba(0,122,255,.1)}