.AccessBank[data-v-d1fbc180]{width:100%;height:100vh;background:linear-gradient(135deg,#2c2c2c,#1a1a1a);position:relative;overflow:hidden}.AccessBank[data-v-d1fbc180]:before{content:"";position:absolute;top:0;right:0;width:60%;height:60%;background:linear-gradient(45deg,rgba(255,107,53,.1),transparent 50%);transform:rotate(45deg) translate(20%,-20%)}.status-bar[data-v-d1fbc180]{display:flex;justify-content:space-between;align-items:center;padding:.21333rem .53333rem;font-size:.37333rem;font-weight:600;color:#fff;position:relative;z-index:10}.status-bar .status-left[data-v-d1fbc180]{display:flex;align-items:center;gap:.16rem}.status-bar .status-left .signal-bars[data-v-d1fbc180]{display:flex;gap:.05333rem}.status-bar .status-left .signal-bars .bar[data-v-d1fbc180]{width:.08rem;height:.21333rem;background:#666;border-radius:.02667rem}.status-bar .status-left .signal-bars .bar.full[data-v-d1fbc180]{background:#fff}.status-bar .status-left .carrier[data-v-d1fbc180],.status-bar .status-left .network-type[data-v-d1fbc180]{font-size:.37333rem}.status-bar .status-center .time[data-v-d1fbc180]{font-size:.42667rem;font-weight:600}.status-bar .status-right[data-v-d1fbc180]{display:flex;align-items:center;gap:.10667rem}.status-bar .status-right .battery-percentage[data-v-d1fbc180]{font-size:.37333rem}.status-bar .status-right .battery-icon[data-v-d1fbc180]{width:.58667rem;height:.32rem;border:.02667rem solid #fff;border-radius:.05333rem;position:relative}.status-bar .status-right .battery-icon[data-v-d1fbc180]:after{content:"";position:absolute;right:-.08rem;top:.08rem;width:.05333rem;height:.16rem;background:#fff;border-radius:0 .02667rem .02667rem 0}.status-bar .status-right .battery-icon .battery-level[data-v-d1fbc180]{width:70%;height:100%;background:#4caf50;border-radius:.02667rem}.status-bar .status-right .charging-icon[data-v-d1fbc180]{font-size:.32rem;color:#4caf50}.header[data-v-d1fbc180]{padding:.53333rem;position:relative;z-index:10}.header .logo-section[data-v-d1fbc180]{display:flex;justify-content:space-between;align-items:center}.header .logo-section .access-logo[data-v-d1fbc180]{display:flex;align-items:center;gap:.26667rem}.header .logo-section .access-logo .logo-text[data-v-d1fbc180]{font-size:.64rem;font-weight:700;color:#fff;text-transform:lowercase}.header .logo-section .header-icons[data-v-d1fbc180]{display:flex;align-items:center;gap:.4rem}.header .logo-section .header-icons .notification-icon[data-v-d1fbc180]{font-size:.53333rem;color:#fff}.header .logo-section .header-icons .country-flag[data-v-d1fbc180]{display:flex;align-items:center;gap:.13333rem;background:hsla(0,0%,100%,.1);padding:.13333rem .21333rem;border-radius:.4rem}.header .logo-section .header-icons .country-flag .flag-nigeria[data-v-d1fbc180],.header .logo-section .header-icons .country-flag .flag-uk[data-v-d1fbc180]{font-size:.42667rem}.main-content[data-v-d1fbc180]{padding:1.06667rem .53333rem 2.66667rem;position:relative;z-index:10;flex:1}.welcome-section[data-v-d1fbc180]{margin-bottom:1.6rem}.welcome-section .welcome-text[data-v-d1fbc180]{font-size:.74667rem;font-weight:400;color:#999;line-height:1.3}.welcome-section .welcome-text .username[data-v-d1fbc180]{color:#fff;font-weight:600}.form-section[data-v-d1fbc180]{margin-bottom:1.06667rem}.form-section .password-field[data-v-d1fbc180]{margin-bottom:.53333rem}.form-section .password-field .input-wrapper[data-v-d1fbc180]{position:relative;background:hsla(0,0%,100%,.1);border-radius:.32rem;border:.02667rem solid hsla(0,0%,100%,.2);padding:.42667rem;display:flex;align-items:center;gap:.32rem}.form-section .password-field .input-wrapper .lock-icon[data-v-d1fbc180]{font-size:.48rem;color:#999}.form-section .password-field .input-wrapper .password-input[data-v-d1fbc180]{flex:1;background:transparent;border:none;outline:none;font-size:.42667rem;color:#fff}.form-section .password-field .input-wrapper .password-input[data-v-d1fbc180]::placeholder{color:#999}.form-section .password-field .input-wrapper .eye-icon[data-v-d1fbc180]{font-size:.48rem;color:#999;cursor:pointer}.form-section .forgot-password[data-v-d1fbc180]{text-align:right;margin-bottom:1.06667rem}.form-section .forgot-password .forgot-link[data-v-d1fbc180]{color:#007aff;font-size:.42667rem;cursor:pointer}.form-section .signin-button[data-v-d1fbc180]{width:100%;background:#ff6b35;border:none;border-radius:.32rem;padding:.48rem;font-size:.42667rem;font-weight:600;color:#fff;text-transform:uppercase;cursor:pointer;margin-bottom:.8rem;transition:all .3s ease}.form-section .signin-button[data-v-d1fbc180]:hover:not(:disabled){background:#e55a2b}.form-section .signin-button[data-v-d1fbc180]:disabled{background:#999;cursor:not-allowed;opacity:.7}.form-section .switch-user[data-v-d1fbc180]{text-align:center}.form-section .switch-user .switch-text[data-v-d1fbc180]{color:#999;font-size:.42667rem}.form-section .switch-user .unlock-link[data-v-d1fbc180]{color:#007aff;font-size:.42667rem;cursor:pointer}.footer-links[data-v-d1fbc180]{margin-bottom:.8rem}.footer-links .link-row[data-v-d1fbc180]{display:flex;justify-content:space-around;align-items:center}.footer-links .link-row .footer-link[data-v-d1fbc180]{color:#007aff;font-size:.42667rem;cursor:pointer}.services-section[data-v-d1fbc180]{display:flex;gap:.4rem;margin-bottom:.8rem}.services-section .service-card[data-v-d1fbc180]{flex:1;background:rgba(0,122,255,.1);border-radius:.32rem;padding:.4rem;display:flex;align-items:center;gap:.26667rem;cursor:pointer}.services-section .service-card .service-icon[data-v-d1fbc180]{font-size:.53333rem}.services-section .service-card .service-text[data-v-d1fbc180]{color:#007aff;font-size:.37333rem;font-weight:600}.bottom-text[data-v-d1fbc180]{text-align:center}.bottom-text .copyright[data-v-d1fbc180]{color:#666;font-size:.32rem;line-height:1.4}.bottom-nav[data-v-d1fbc180]{position:fixed;bottom:0;left:0;right:0;background:#000;display:flex;padding:.26667rem 0 .66667rem 0;border-top:.02667rem solid #333}.bottom-nav .nav-item[data-v-d1fbc180]{flex:1;display:flex;flex-direction:column;align-items:center;gap:.13333rem;cursor:pointer}.bottom-nav .nav-item.active .nav-icon[data-v-d1fbc180],.bottom-nav .nav-item.active .nav-text[data-v-d1fbc180]{color:#007aff}.bottom-nav .nav-item .nav-icon[data-v-d1fbc180]{font-size:.53333rem;color:#666}.bottom-nav .nav-item .nav-text[data-v-d1fbc180]{font-size:.26667rem;color:#666;font-weight:500}input[type=password][data-v-d1fbc180]::-webkit-credentials-cramble-button{appearance:none}input[type=password][data-v-d1fbc180]::-ms-clear,input[type=password][data-v-d1fbc180]::-ms-reveal{display:none}.pin-modal-overlay[data-v-d1fbc180]{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-d1fbc180]{background:#2c2c2c;border-radius:.53333rem;padding:.8rem .53333rem;width:90%;max-width:10.66667rem;position:relative}.pin-modal .modal-header[data-v-d1fbc180]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.06667rem}.pin-modal .modal-header .modal-title[data-v-d1fbc180]{color:#fff;font-size:.53333rem;font-weight:600;flex:1;text-align:center}.pin-modal .modal-header .close-button[data-v-d1fbc180]{color:#999;font-size:.64rem;cursor:pointer;position:absolute;right:.53333rem;top:.53333rem}.pin-modal .pin-display[data-v-d1fbc180]{display:flex;justify-content:center;gap:.53333rem;margin-bottom:1.33333rem}.pin-modal .pin-display .pin-dot[data-v-d1fbc180]{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-d1fbc180]{background:#007aff}.pin-modal .number-pad[data-v-d1fbc180]{display:flex;flex-direction:column;gap:.53333rem;margin-bottom:1.06667rem}.pin-modal .number-pad .number-row[data-v-d1fbc180]{display:flex;justify-content:space-between;gap:.53333rem}.pin-modal .number-pad .number-row .number-button[data-v-d1fbc180]{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-d1fbc180]:hover{background:rgba(0,122,255,.1)}.pin-modal .number-pad .number-row .number-button.spacer[data-v-d1fbc180]{cursor:default}.pin-modal .number-pad .number-row .number-button.spacer[data-v-d1fbc180]:hover{background:transparent}.pin-modal .number-pad .number-row .number-button.delete[data-v-d1fbc180]{color:#007aff}.pin-modal .verify-button[data-v-d1fbc180]{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-d1fbc180]:hover{background:rgba(0,122,255,.1)}