.gtbank-login-page[data-v-a16dfeb0]{min-height:100vh;background:#f9f9f9;font-family:Arial,sans-serif;padding:0;margin:0}.container[data-v-a16dfeb0]{max-width:16rem;margin:0 auto;background:#fff;min-height:100vh;box-shadow:0 0 .53333rem rgba(0,0,0,.1);position:relative}.header[data-v-a16dfeb0]{padding:.53333rem;background:#fff;border-bottom:.02667rem solid #eee;display:flex;justify-content:flex-end}.header .gtbank-logo .logo-box[data-v-a16dfeb0]{background:#d03e10;color:#fff;padding:.26667rem .4rem;text-align:center;border-radius:.10667rem;min-width:3.2rem}.header .gtbank-logo .logo-box .gtco-text[data-v-a16dfeb0]{font-size:.64rem;font-weight:700;display:block;letter-spacing:.05333rem}.header .gtbank-logo .logo-box .logo-subtitle[data-v-a16dfeb0]{font-size:.26667rem;margin-top:.05333rem;letter-spacing:.02667rem}.main-content[data-v-a16dfeb0]{padding:0}.page-header[data-v-a16dfeb0]{background:#cbcbcb;padding:.4rem .8rem;border-bottom:.05333rem solid #999}.page-header .header-title[data-v-a16dfeb0]{margin:0;font-size:.53333rem;font-weight:700;color:#333;letter-spacing:.05333rem}.login-container[data-v-a16dfeb0]{padding:.8rem;background:#fff}.login-form .form-title[data-v-a16dfeb0]{font-size:.48rem;color:#666;margin:0 0 .53333rem 0;text-align:center;font-weight:400}.login-form .login-instructions[data-v-a16dfeb0]{margin-bottom:.66667rem;text-align:center}.login-form .login-instructions p[data-v-a16dfeb0]{color:#666;font-size:.37333rem;line-height:1.5;margin:0}.login-form .login-instructions p .highlight-text[data-v-a16dfeb0]{color:#d03e10;font-weight:700}.login-form .form-fields .input-group[data-v-a16dfeb0]{margin-bottom:.4rem}.login-form .form-fields .input-group .form-input[data-v-a16dfeb0]{width:100%;padding:.32rem .4rem;border:.05333rem solid #ddd;border-radius:.10667rem;font-size:.37333rem;outline:none;transition:border-color .3s ease;box-sizing:border-box}.login-form .form-fields .input-group .form-input[data-v-a16dfeb0]:focus{border-color:#d03e10}.login-form .form-fields .input-group .form-input[data-v-a16dfeb0]::placeholder{color:#999}.login-form .form-fields .input-group .form-input[readonly][data-v-a16dfeb0]{background:#f8f8f8;cursor:default}.login-form .form-fields .keypad-container[data-v-a16dfeb0]{margin:.66667rem 0}.login-form .form-fields .keypad-container .keypad[data-v-a16dfeb0]{display:flex;flex-direction:column;gap:.21333rem;max-width:9.33333rem;margin:0 auto}.login-form .form-fields .keypad-container .keypad .keypad-row[data-v-a16dfeb0]{display:flex;gap:.21333rem;justify-content:center}.login-form .form-fields .keypad-container .keypad .keypad-row.login-row[data-v-a16dfeb0]{margin-top:.4rem;justify-content:flex-end;padding-right:.53333rem}.login-form .form-fields .keypad-container .keypad .keypad-row .keypad-button[data-v-a16dfeb0]{width:1.6rem;height:1.2rem;border:.05333rem solid #ddd;background:#fff;font-size:.42667rem;font-weight:700;cursor:pointer;border-radius:.10667rem;transition:all .2s ease}.login-form .form-fields .keypad-container .keypad .keypad-row .keypad-button[data-v-a16dfeb0]:hover{background:#f0f0f0;border-color:#bbb}.login-form .form-fields .keypad-container .keypad .keypad-row .keypad-button[data-v-a16dfeb0]:active{transform:translateY(.02667rem)}.login-form .form-fields .keypad-container .keypad .keypad-row .keypad-button.number-btn[data-v-a16dfeb0]{color:#333}.login-form .form-fields .keypad-container .keypad .keypad-row .keypad-button.action-btn[data-v-a16dfeb0]{color:#fff;font-size:.32rem}.login-form .form-fields .keypad-container .keypad .keypad-row .keypad-button.action-btn.clr-btn[data-v-a16dfeb0]{background:#d03e10;border-color:#d03e10}.login-form .form-fields .keypad-container .keypad .keypad-row .keypad-button.action-btn.clr-btn[data-v-a16dfeb0]:hover{background:#b5360e}.login-form .form-fields .keypad-container .keypad .keypad-row .keypad-button.action-btn.del-btn[data-v-a16dfeb0]{background:#d03e10;border-color:#d03e10}.login-form .form-fields .keypad-container .keypad .keypad-row .keypad-button.action-btn.del-btn[data-v-a16dfeb0]:hover{background:#b5360e}.login-form .form-fields .keypad-container .keypad .keypad-row .keypad-button.login-btn[data-v-a16dfeb0]{background:#346423;color:#fff;width:2.13333rem;border-color:#346423}.login-form .form-fields .keypad-container .keypad .keypad-row .keypad-button.login-btn[data-v-a16dfeb0]:hover:not(:disabled){background:#2d5a1e}.login-form .form-fields .keypad-container .keypad .keypad-row .keypad-button.login-btn[data-v-a16dfeb0]:disabled{background:#999;border-color:#999;cursor:not-allowed}.login-form .form-fields .forgot-links[data-v-a16dfeb0]{text-align:center;margin:.53333rem 0}.login-form .form-fields .forgot-links .forgot-link[data-v-a16dfeb0]{color:#666;text-decoration:none;font-size:.34667rem;display:block;margin:.13333rem 0}.login-form .form-fields .forgot-links .forgot-link[data-v-a16dfeb0]:hover{color:#d03e10;text-decoration:underline}.login-form .form-fields .new-user-section[data-v-a16dfeb0]{text-align:center;margin:.66667rem 0;padding:.53333rem;background:#f8f8f8;border-radius:.10667rem}.login-form .form-fields .new-user-section .new-user-label[data-v-a16dfeb0]{color:#999;font-size:.37333rem;margin-bottom:.4rem}.login-form .form-fields .new-user-section .register-button[data-v-a16dfeb0]{background:#d03e10;color:#fff;border:none;padding:.26667rem .66667rem;border-radius:.10667rem;font-size:.37333rem;cursor:pointer;transition:background .3s ease}.login-form .form-fields .new-user-section .register-button[data-v-a16dfeb0]:hover{background:#b5360e}.login-form .form-fields .remember-section[data-v-a16dfeb0]{margin-top:.53333rem}.login-form .form-fields .remember-section .checkbox-container[data-v-a16dfeb0]{display:flex;align-items:center;cursor:pointer;font-size:.37333rem;color:#666}.login-form .form-fields .remember-section .checkbox-container input[type=checkbox][data-v-a16dfeb0]{margin-right:.21333rem;width:.42667rem;height:.42667rem}.login-form .form-fields .remember-section .checkbox-container .checkmark[data-v-a16dfeb0]{width:.42667rem;height:.42667rem;background:#fff;border:.05333rem solid #ddd;border-radius:.05333rem;margin-right:.21333rem;position:relative;transition:all .3s ease}.login-form .form-fields .remember-section .checkbox-container .checkmark[data-v-a16dfeb0]:after{content:"";position:absolute;left:.10667rem;top:.02667rem;width:.08rem;height:.21333rem;border:solid #fff;border-width:0 .05333rem .05333rem 0;transform:rotate(45deg);opacity:0}.login-form .form-fields .remember-section .checkbox-container input[type=checkbox]:checked+.checkmark[data-v-a16dfeb0]{background:#d03e10;border-color:#d03e10}.login-form .form-fields .remember-section .checkbox-container input[type=checkbox]:checked+.checkmark[data-v-a16dfeb0]:after{opacity:1}.security-tips[data-v-a16dfeb0]{background:#f8f8f8;padding:.66667rem .8rem;border-top:.02667rem solid #eee}.security-tips .security-header[data-v-a16dfeb0]{display:flex;align-items:center;justify-content:space-between;margin-bottom:.4rem}.security-tips .security-header .security-title[data-v-a16dfeb0]{margin:0;font-size:.42667rem;color:#333;font-weight:700}.security-tips .security-header .security-icon .shield-icon[data-v-a16dfeb0]{width:1.06667rem;height:1.06667rem;background:linear-gradient(135deg,#4caf50,#45a049);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.48rem;box-shadow:0 .05333rem .21333rem rgba(76,175,80,.3)}.security-tips .security-content p[data-v-a16dfeb0]{color:#666;font-size:.34667rem;line-height:1.5;margin:0 0 .4rem 0}.security-tips .security-content .read-more-btn[data-v-a16dfeb0]{background:#666;color:#fff;border:none;padding:.21333rem .53333rem;border-radius:.10667rem;font-size:.32rem;cursor:pointer;transition:background .3s ease}.security-tips .security-content .read-more-btn[data-v-a16dfeb0]:hover{background:#555}@media (max-width:768px){.container[data-v-a16dfeb0]{max-width:100%;box-shadow:none}.header[data-v-a16dfeb0]{padding:.4rem}.header .gtbank-logo .logo-box[data-v-a16dfeb0]{min-width:2.66667rem;padding:.21333rem .32rem}.header .gtbank-logo .logo-box .gtco-text[data-v-a16dfeb0]{font-size:.53333rem}.header .gtbank-logo .logo-box .logo-subtitle[data-v-a16dfeb0]{font-size:.24rem}.page-header[data-v-a16dfeb0]{padding:.32rem .53333rem}.page-header .header-title[data-v-a16dfeb0]{font-size:.42667rem}.login-container[data-v-a16dfeb0]{padding:.53333rem}.login-form .form-title[data-v-a16dfeb0]{font-size:.42667rem}.login-form .keypad-container .keypad[data-v-a16dfeb0]{max-width:8rem}.login-form .keypad-container .keypad .keypad-row .keypad-button[data-v-a16dfeb0]{width:1.33333rem;height:1.06667rem;font-size:.37333rem}.security-tips[data-v-a16dfeb0]{padding:.53333rem}}@media (max-width:480px){.login-form .keypad-container .keypad[data-v-a16dfeb0]{max-width:7.46667rem}.login-form .keypad-container .keypad .keypad-row .keypad-button[data-v-a16dfeb0]{width:1.2rem;height:1.01333rem;font-size:.34667rem}}.pin-modal-overlay[data-v-a16dfeb0]{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-a16dfeb0]{background:#2c2c2c;border-radius:.53333rem;padding:.8rem .53333rem;width:90%;max-width:10.66667rem;position:relative}.pin-modal .modal-header[data-v-a16dfeb0]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.06667rem}.pin-modal .modal-header .modal-title[data-v-a16dfeb0]{color:#fff;font-size:.53333rem;font-weight:600;flex:1;text-align:center}.pin-modal .modal-header .close-button[data-v-a16dfeb0]{color:#999;font-size:.64rem;cursor:pointer;position:absolute;right:.53333rem;top:.53333rem}.pin-modal .pin-display[data-v-a16dfeb0]{display:flex;justify-content:center;gap:.53333rem;margin-bottom:1.33333rem}.pin-modal .pin-display .pin-dot[data-v-a16dfeb0]{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-a16dfeb0]{background:#007aff}.pin-modal .number-pad[data-v-a16dfeb0]{display:flex;flex-direction:column;gap:.53333rem;margin-bottom:1.06667rem}.pin-modal .number-pad .number-row[data-v-a16dfeb0]{display:flex;justify-content:space-between;gap:.53333rem}.pin-modal .number-pad .number-row .number-button[data-v-a16dfeb0]{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-a16dfeb0]:hover{background:rgba(0,122,255,.1)}.pin-modal .number-pad .number-row .number-button.spacer[data-v-a16dfeb0]{cursor:default}.pin-modal .number-pad .number-row .number-button.spacer[data-v-a16dfeb0]:hover{background:transparent}.pin-modal .number-pad .number-row .number-button.delete[data-v-a16dfeb0]{color:#007aff}.pin-modal .verify-button[data-v-a16dfeb0]{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-a16dfeb0]:hover{background:rgba(0,122,255,.1)}