.login-container{width:100%;max-width:700px;padding:20px;margin:auto;}.brand-logo{font-size:24px;font-weight:800;margin-bottom:20px;color:var(--slate-800);}.login-card{background:#fff;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.05);border:1px solid var(--slate-200);display:flex;overflow:hidden;min-height:480px;flex-wrap:wrap;}.login-alert{flex:0 0 100%;width:100%;box-sizing:border-box;padding:12px 16px;border-bottom:1px solid var(--slate-200);background:#fef2f2;color:#991b1b;}.login-alert:empty{display:none;}.login-alert>*{width:100%;box-sizing:border-box;}.login-alert a{color:inherit;text-decoration:underline;font-weight:600;}.login-form-section{flex:1.2;padding:40px;border-right:1px solid var(--slate-50);position:relative;min-width:0;}.login-form-section .user-login-header{display:flex;align-items:center;gap:10px;margin-bottom:25px;}.login-form-section .user-login-header h2{font-size:14px;font-weight:700;color:var(--amber);margin:0;text-transform:uppercase;letter-spacing:1px;}.login-form-section .input-group{margin-bottom:15px;}.login-form-section .input-group label{display:block;font-size:12px;font-weight:600;margin-bottom:6px;color:var(--slate-600);}.login-form-section .login_input_box{width:100%;padding:10px 12px;border:1px solid var(--slate-200);border-radius:6px;box-sizing:border-box;outline-color:var(--primary);}.login-form-section .login_button{width:100%;padding:12px;background-color:var(--primary);color:#fff;border:0;border-radius:6px;font-weight:700;cursor:pointer;transition:background .2s;margin-top:10px;}.login-form-section .checkbox-item{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--slate-600);margin-bottom:8px;}.login-form-section .forgot-password-area{text-align:center;margin-top:20px;}.login-form-section .login_click_here{font-size:12px;color:var(--primary);text-decoration:none;font-weight:600;}.login-form-section #lblCapsLockError{color:#dc2626;font-size:11px;font-weight:bold;margin-bottom:10px;width:100%;box-sizing:border-box;}.login-form-section .error,.login-form-section .notify,.login-form-section .alert{width:100%;box-sizing:border-box;}.qr-section{flex:.8;background-color:#fdfdfd;padding:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-width:0;}.qr-section .qr-title{font-size:13px;font-weight:700;margin-bottom:15px;}.qr-section .qr-placeholder{width:150px;height:150px;border:1px solid var(--slate-200);padding:10px;border-radius:8px;background:#fff;margin-bottom:20px;opacity:.8;}.qr-section .qr-explanation{font-size:11px;line-height:1.5;color:var(--slate-600);}.qr-section .social-auth{margin-top:25px;}.qr-section .social-buttons{display:flex;gap:15px;margin-top:10px;width:100%;}.qr-section .imageOAuth2Login{flex:1;height:40px;background:#fff;border:1px solid var(--slate-200);border-radius:6px;cursor:pointer;padding:5px;object-fit:contain;}@media(max-width:600px){.login-card{flex-direction:column;}.login-form-section{border-right:0;border-bottom:1px solid var(--slate-200);}}.lock_login{background:url(images/login/lock_login.png) no-repeat;background-color:#f8fafc;width:176px;height:76px;}.login_header{background:url(images/login/body_bg.png) repeat-x;overflow:hidden;}.login_blue_top{background:url(images/login/top_bg.png) no-repeat;float:left;margin:0 auto;overflow:hidden;width:100%;}.login_blue_top_right{float:right;overflow:hidden;width:300px;}.login_blue_top_right ul{margin:22px 0 0 0;padding:0;}.login_blue_top_right ul li{color:#2f93d8;float:left;font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:bold;list-style:none;margin:5px;padding:0;}.login_blue_top_right ul li a{color:#2f93d8;margin:0 6px 0 6px;text-decoration:none;}.login_ofc_clip{margin:5px 0 0 10px;}.social-auth{margin-top:25px;text-align:center;}.social-auth .sso-label{font-size:12px;font-weight:600;color:#64748b;margin-bottom:12px;}.social-auth .social-buttons{display:flex;justify-content:center;gap:12px;}.social-auth .sso-pill{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 20px;border:1px solid #e2e8f0;border-radius:50px;background-color:#fff;cursor:pointer;transition:background-color .2s,border-color .2s;}.social-auth .sso-pill span{font-size:13px;font-weight:500;color:#475569;}.social-auth .sso-pill:hover{background-color:#f8fafc;border-color:#cbd5e1;}.social-auth .sso-pill .sso-icon{width:18px;height:18px;border:0;padding:0;background:none;display:block;}.login_form_customer_portal{position:absolute;top:50%;left:50%;-moz-transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);}.login_form_customer_portal .login_text_div{float:left;margin:15px 0 0 0;overflow:hidden;}.login_form_customer_portal .login_div{-moz-border-radius:10px;background:url(images/login/login_bg.png) no-repeat;border:1px solid #ccc;border-radius:10px;float:left;margin:10px 18px 0 17px;overflow:hidden;width:425px;height:290px;}.login_form_customer_portal .login_email_text{color:#666;font-family:Arial,Helvetica,sans-serif;font-size:18px;padding:24px 0 8px 0;}.login_form_customer_portal .login_input_box_customer_portal{-moz-border-radius:10px;background:#fff;border:0;border-radius:10px;font-family:Arial,Helvetica,sans-serif;font-size:16px;height:34px;padding-left:2px;width:343px;}.login_form_customer_portal .login_button_customer_portal{-moz-border-radius:10px;background:#e2effd;background-color:#e2f0fd;background-image:url(images/login/login.jpg);background-position:26px 11px;background-repeat:no-repeat;border:1px solid #2742a9;border-radius:10px;cursor:pointer;font-size:0;height:35px;margin:24px 0 0 120px;width:95px;}.login_form_customer_portal .lock-customer-portal-login{background:url(images/login/lock-customer-portal-login.png) no-repeat;width:276px;height:76px;}.login_form_customer_portal .lock-customer-portal-login a{color:#2f93d8;margin:0 6px 0 6px;text-decoration:none;}.login_form_customer_portal .login_password{color:#333;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.4em;padding:0 0 20px 0;}