* {
       margin: 0;
       padding: 0;
       box-sizing: border-box;
   }
   
   body {
       font-family: Arial, sans-serif;
       height: 100vh;
       overflow: hidden;
   }
   
   .container {
       display: flex;
       height: 100vh;
   }
   
   .form-section {
       flex: 1;
       display: flex;
       align-items: center;
       justify-content: center;
       background-color: #fff;
       padding: 40px;
       border-right: 3px solid #4a9fd8;
   }
   
   .login-form {
       width: 100%;
       max-width: 500px;
   }
   
   .form-group {
       margin-bottom: 20px;
   }
   
   .form-group label {
       display: block;
       margin-bottom: 8px;
       font-size: 15px;
       color: #333;
       font-weight: 500;
   }
   
   .form-group input {
       width: 100%;
       padding: 10px 12px;
       border: 1px solid #ddd;
       border-radius: 4px;
       font-size: 15px;
       transition: border-color 0.3s;
   }
   
   .form-group input:focus {
       outline: none;
       border-color: #7b9ac4;
   }
   
   .form-group input::placeholder {
       color: #ccc;
   }
   
   .login-btn {
       width: 100%;
       padding: 11px;
       background-color: #7b9ac4;
       color: white;
       border: none;
       border-radius: 4px;
       font-size: 15px;
       cursor: pointer;
       margin-top: 10px;
       transition: background-color 0.3s;
   }
   
   .login-btn:hover {
       background-color: #6a89b3;
   }
   
   .signup-text {
       text-align: center;
       margin-top: 15px;
       font-size: 15px;
       color: #666;
   }
   
   .signup-text a {
       color: #333;
       text-decoration: none;
       font-weight: 600;
   }
   
   .signup-text a:hover {
       text-decoration: underline;
   }
   
   .image-section {
       flex: 1;
       overflow: hidden;
   }
   
   .image-section img {
       width: 100%;
       height: 100%;
       object-fit: cover;
   }
   
   @media (max-width: 768px) {
       .container {
           flex-direction: column;
       }
       .form-section {
           border-right: none;
           border-bottom: 3px solid #4a9fd8;
       }
       .image-section {
           display: none;
       }
   }