:root{--primary-color:#1a4da1;--secondary-color:#0c1e3a;--text-muted:#7e8ca0;--border-color:#e2e8f0;--white:#ffffff;--bg-light:#f8fafc}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--white);margin:0;padding:0;color:var(--secondary-color)}.login-wrapper{min-height:100vh;display:flex;justify-content:center}.login-container{display:flex;width:100%;max-width:1400px;min-height:800px;background:var(--white);border-radius:10px;overflow:hidden;margin:20px}.login-column-left{flex:1.1;background-color:var(--white);display:flex;flex-direction:column;position:relative;padding:60px;transition:none!important;-webkit-transition:none!important;-moz-transition:none!important;-ms-transition:none!important;-o-transition:none!important}.left-content{flex:1;display:flex;flex-direction:column}.left-content h1{font-size:48px;font-weight:800;color:var(--secondary-color);line-height:1.2}.left-content h1,.left-content p{transition:none!important;-webkit-transition:none!important;-moz-transition:none!important;-ms-transition:none!important;-o-transition:none!important}.left-content p{font-size:18px;color:var(--text-muted)}.illustration-box{text-align:center}.illustration-box,.illustration-box img{transition:none!important;-webkit-transition:none!important;-moz-transition:none!important;-ms-transition:none!important;-o-transition:none!important}.illustration-box img{max-width:100%;height:auto}.features-row{display:flex;justify-content:space-between;margin-top:25px;gap:20px}.feature-item{text-align:center;flex:1}.feature-icon{width:50px;height:50px;background:rgba(26,77,161,.05);border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 10px;color:var(--primary-color);font-size:20px;border:1px solid rgba(26,77,161,.1)}.feature-item span{font-size:14px;font-weight:600;color:var(--secondary-color)}.login-column-right{flex:0.9;background-color:var(--white);display:flex;justify-content:center;border-left:1px solid var(--border-color);padding:40px}.login-form-box{width:100%;max-width:440px}.form-header{margin-bottom:25px}.form-header h2{font-size:38px;font-weight:700;color:var(--secondary-color);margin-bottom:8px;letter-spacing:-.5px}.form-header p{font-size:18px;color:var(--text-muted)}.form-group-custom{margin-bottom:24px}.form-group-custom label,.input-group-custom label{display:block;font-size:15px;font-weight:600;color:var(--secondary-color);margin-bottom:8px}.required-star{color:#ef4444;margin-left:4px}.input-wrapper,label{position:relative}.input-wrapper{display:flex;align-items:center}.input-wrapper i{position:absolute;left:18px;color:#94a3b8;font-size:18px}.input-wrapper input,.input-wrapper select{width:100%;height:54px;padding:0 50px;border:1.5px solid var(--border-color);border-radius:12px;font-size:16px;color:var(--secondary-color);transition:all .3s ease;background:transparent}.input-wrapper input:focus,.input-wrapper select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 4px rgba(26,77,161,.08)}.input-wrapper input::placeholder{color:#94a3b8}.input-wrapper select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2394a3b8' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 18px center}.toggle-password{left:auto!important;right:18px;cursor:pointer}.forgot-pass{text-align:right;margin-top:-12px;margin-bottom:24px}.forgot-pass a{font-size:14px;font-weight:600;color:var(--primary-color);text-decoration:none}.btn-primary-login{width:100%;height:54px;background:#1e3c61;color:var(--white);border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease}.btn-primary-login:hover{background:#153e82;transform:translateY(-1px)}.btn-signin{width:100%;height:56px;background:#1e3c61;color:var(--white);border:none;border-radius:12px;font-size:16px;font-weight:700;transition:all .3s ease;cursor:pointer}.or-separator{text-align:center;position:relative;margin:5px 0}.or-separator:before{content:"";position:absolute;top:50%;left:0;width:100%;height:1px;background:var(--border-color)}.or-separator span{position:relative;background:var(--white);padding:0 16px;font-size:13px;font-weight:700;color:#94a3b8}.btn-google-login{width:100%;height:54px;background:var(--white);border:1.5px solid var(--border-color);border-radius:12px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:16px;font-weight:600;color:var(--secondary-color);cursor:pointer;transition:all .3s ease;margin-bottom:15px}.btn-google-login:hover{background:var(--bg-light)}.btn-google-login img{width:24px}.otp-login-link{text-align:center}.otp-login-link a{display:inline-flex;align-items:center;gap:10px;font-size:15px;font-weight:600;color:#1e3c61;text-decoration:none}.form-footer{text-align:center;margin-top:8px}.form-footer p{font-size:15px;color:var(--text-muted)}.form-footer a{color:#1e3c61;font-weight:700;text-decoration:none}.back-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:var(--bg-light);color:var(--secondary-color);margin-bottom:24px;cursor:pointer;border:none}.otp-inputs{display:flex;justify-content:space-between;gap:10px;margin-bottom:24px}.otp-input-field{width:100%;height:60px;border:1.5px solid var(--border-color);border-radius:12px;text-align:center;font-size:24px;font-weight:700;color:var(--secondary-color);transition:all .3s ease}.otp-input-field:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 4px rgba(26,77,161,.08)}.resend-text{text-align:center;font-size:14px;color:var(--text-muted);margin-bottom:32px}.resend-text span{font-weight:700;color:var(--secondary-color)}.phone-input-group{display:flex;border:1.5px solid var(--border-color);border-radius:12px;overflow:hidden;height:56px;margin-bottom:24px}.country-code{display:flex;align-items:center;gap:8px;padding:0 15px;background:var(--bg-light);border-right:1.5px solid var(--border-color);font-weight:600}.country-code img{width:24px}.phone-input-group input{flex:1;border:none;padding:0 15px;font-size:16px}.phone-input-group input:focus{outline:none}@media (max-width:991px){.login-container{flex-direction:column;max-width:600px;height:auto}.login-column-left{padding:40px;border-bottom:1px solid var(--border-color)}.login-column-right{border-left:none;padding:40px}.features-row{display:none}}@media (max-width:576px){.left-content h1{font-size:32px}.login-column-left,.login-column-right{padding:30px 20px}}