*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,sans-serif}body{background-color:#f4f7fa}.login-container{display:flex;height:auto;width:100%}.login-left{flex:1;background-color:#013f79;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;position:relative}.login-left .logo img{max-width:130px;margin-bottom:2rem}.login-left .login-image{max-width:100%;height:380px;border-radius:10px;box-shadow:0 4px 20px rgba(0,0,0,.3)}.login-right{flex:1;background-color:#fff;display:flex;align-items:center;justify-content:center;position:relative;padding:2rem;max-width:100vh}.form-popup{width:100%;max-width:450px;position:relative;transition:.5s ease-in-out}.form-box{display:none;background:#fff;border-radius:10px;padding:2rem;box-shadow:0 4px 20px rgba(0,0,0,.1);animation:fadeIn .3s ease-in-out}.form-box.active{display:block}.form-details{margin-bottom:1rem}.form-details h2{font-size:24px;margin-bottom:.5rem}.form-details p{font-size:14px;color:#666}.form-content h2{font-size:22px;margin-bottom:1rem;color:#013f79}.input-field{position:relative;margin-bottom:1.2rem}.input-field input{width:100%;padding:12px;border:1px solid #ccc;border-radius:6px;outline:none;transition:border-color .3s}.input-field input:focus{border-color:#013f79}.input-field label{position:absolute;top:-10px;left:12px;background-color:#fff;padding:0 4px;font-size:12px;color:#777}.forgot-pass-link{display:block;margin-bottom:1rem;text-align:right;font-size:13px;color:#013f79;text-decoration:none}.forgot-pass-link:hover{text-decoration:underline}button{width:100%;padding:12px;background-color:#013f79;color:#fff;border:none;border-radius:6px;font-size:16px;cursor:pointer;margin-top:1rem;transition:background .3s}button:hover{background-color:#025ab5}.bottom-link{text-align:center;margin-top:1rem;font-size:14px}.bottom-link a{color:#013f79;text-decoration:none;font-weight:700}.bottom-link a:hover{text-decoration:underline}.policy-text{display:flex;align-items:center;gap:8px;font-size:13px;margin-top:.5rem}.policy-text a{color:#013f79;text-decoration:none}.policy-text a:hover{text-decoration:underline}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.login-container{flex-direction:column}.login-left{display:none}.login-right{padding:1rem}.form-popup{max-width:100%}}