.login-wrapper{width:100vw;height:100vh;background:#000;display:flex;justify-content:center;align-items:center}.login-card{width:100%;height:100vh;display:flex;background:#fff;overflow:hidden}.login-left-section{width:50%;height:100vh;background-image:url(https://images.unsplash.com/photo-1523217582562-09d0def993a6);background-size:cover;background-position:50%}.login-right-section{width:50%;height:100vh;display:flex;flex-direction:column;background:#fff;overflow-y:auto}.top-bar{background:#ff6a00;padding:5px 20px}.logo-group{display:flex;flex-direction:column}.logo-row{display:flex;align-items:center;gap:10px}.logo-row img{width:26px;height:26px}.logo-text{font-size:28px;font-weight:700;color:#fff}.sub-logo{font-size:15px;margin-left:38px;margin-top:2px;color:#000;font-weight:700}.login-form{max-width:420px;width:100%;margin:0 auto;padding:0}.login-form h2{color:#ff6a00;margin-bottom:4px}.subtitle{font-size:14px;margin-bottom:25px;color:#333;font-weight:500}.login-form label{font-weight:600;font-size:12px;margin-bottom:6px;display:block;color:#333}.login-form input[type=password],.login-form input[type=text]{width:100%;height:46px;border-radius:10px;border:1px solid #ddd;padding:0 10px;margin-bottom:16px;font-size:14px}.password-field{position:relative}.password-field input{padding-right:40px}.eye-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);cursor:pointer;font-size:18px;opacity:.6}.forgot-password-wrapper{display:flex;justify-content:flex-end;margin-top:-6px;margin-bottom:20px}.forgot-password-link{background:none;border:none;padding:0;font-size:13px;font-weight:500;color:#0057ff;cursor:pointer}.forgot-password-link:hover{text-decoration:underline}.terms-row{display:flex;align-items:flex-start;gap:10px;margin:18px 0 24px;font-size:14px;line-height:1.5}.login-form input[type=checkbox]{width:16px;height:16px;margin-top:3px;padding:0;accent-color:#ff6a00;cursor:pointer;flex-shrink:0}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.65);display:flex;justify-content:center;align-items:center;z-index:9999}.modal-box{background:#fff;padding:30px 28px;width:420px;border-radius:16px;text-align:center;box-shadow:0 15px 40px rgba(0,0,0,.3);animation:fadeIn .3s ease-in-out}.modal-title{font-size:20px;font-weight:700;margin-bottom:20px;color:#ff6a00}.terms-content{display:flex;align-items:flex-start;gap:12px;text-align:left;font-size:14px;color:#333;line-height:1.6;margin-bottom:18px}.terms-content input[type=checkbox]{width:18px;height:18px;margin-top:3px;accent-color:#ff6a00;cursor:pointer}.terms-content p{margin:0}.terms-link{color:#0057ff;text-decoration:underline;cursor:pointer;font-weight:600}.terms-link:hover{color:#ff6a00}.modal-btn{width:100%;height:46px;background:linear-gradient(135deg,#ff6a00,#ff8c00);border:none;border-radius:12px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;margin-top:10px;transition:transform .2s ease,box-shadow .2s ease}.modal-btn:hover{transform:translateY(-1px);box-shadow:0 5px 12px rgba(255,106,0,.4)}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width:480px){.modal-box{width:90%;padding:22px}.modal-title{font-size:18px}.terms-content{font-size:13px}}.login-form button{width:100%;height:48px;background:#ff6a00;border:none;border-radius:12px;color:#fff;font-size:16px;cursor:pointer}.login-form button:disabled{opacity:.6;cursor:not-allowed}.forgot{margin-top:14px;font-size:14px;text-align:center;color:#333}.forgot span{color:#0057ff;cursor:pointer;font-weight:500}.error{color:red;font-size:12px;margin-top:-10px;margin-bottom:10px}.otp-container{display:flex;justify-content:space-between;gap:10px;margin:20px 0 16px}.otp-input{width:52px;height:52px;text-align:center;font-size:20px;font-weight:600;border-radius:10px;border:1px solid #ddd;outline:none;transition:border-color .2s,box-shadow .2s}.otp-input:focus{border-color:#ff6a00;box-shadow:0 0 0 2px rgba(255,106,0,.2)}.timer-text{font-size:13px;color:#555;margin-bottom:12px}.password-strength{font-size:12px;margin:-10px 0 12px;font-weight:600}.password-strength.weak{color:#dc2626}.password-strength.medium{color:#f59e0b}.password-strength.strong{color:#16a34a}@media (max-width:480px){.otp-input{width:44px;height:44px;font-size:18px}}@media (max-width:1024px){.login-form{padding:0 24px}}@media (max-width:768px){.login-card{flex-direction:column}.login-left-section{display:none}.login-right-section{width:100%;height:100vh}.login-form{margin-top:30px;padding:0 20px}}@media (max-width:480px){.login-form h2{font-size:20px}.login-form input[type=password],.login-form input[type=text]{height:42px}.login-form button{height:44px}}