.login-container{display:flex;height:100vh}.login-image{width:60%;position:relative;background:#f0f0f0}.login-image>div{background-color:#0000006b;position:absolute;height:100dvh;top:0;left:0}.login-image img,.login-image>div{width:100%;border-bottom-right-radius:20px}.login-image img{height:100%;-o-object-fit:cover;object-fit:cover}.login-image>div>a>img{width:100px;height:auto;-o-object-fit:cover;object-fit:cover}.login-image .logo{font-size:24px;font-weight:700;color:#333;display:flex;align-items:center;padding:20px}.logo>h1{font-size:50px;margin-left:10px;background:linear-gradient(220deg,#000,#bebebe,#0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700;display:inline-block}.login-form{width:40%;display:flex;align-items:center;justify-content:center}.form-content{width:90%;padding:20% 10%;border-radius:10px;background-color:#fff}h2{font-size:28px;margin-bottom:10px;font-weight:600}p{color:#888;margin-bottom:20px}label{display:block;font-size:14px;margin:10px 0 5px;color:#555}.input-field{padding:12px;margin-bottom:15px}.input-field,.input-password-field{width:100%;border:1px solid #ddd;border-radius:5px;font-size:14px}.input-field:focus{outline:none;border-color:#333}.form-options{justify-content:space-between;margin-bottom:20px}.checkbox,.form-options{display:flex;align-items:center}.checkbox{font-size:14px}.checkbox input{margin-right:5px}.forgot-password{color:#666;text-decoration:none;font-size:14px}.forgot-password:hover{text-decoration:underline}.login-button{width:100%;padding:12px;background-color:#333;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:16px;font-weight:600}.login-button:hover{background-color:#000}.AreadyHaveAccount{text-align:center;margin-top:10px}.AreadyHaveAccount>a{color:blue}