* {
         box-sizing: border-box;
         margin: 0;
         padding: 0;
         font-family: Arial, sans-serif;
         }
         body, html {
         height: 100%;
         }
         .split-screen {
         display: flex;
         height: 100vh;
         }
         .left {
         flex: 1;
         display: flex;
         align-items: center;
         justify-content: center;
         background-color: #ffffff;
         padding: 20px;
         }
         .right {
         flex: 1;
         margin-left: 10px;
         display: flex;
         align-items: center;
         justify-content: center;
         background: #000; /* optional: fallback background */
         overflow: hidden;
         }
         .bg-image {
         max-width: 100%;
         height: 100%;
         object-fit:
         }
         .login-form {
         width: 100%;
         max-width: 350px;
         }
         .login-form h2 {
         text-align: center;
         margin-bottom: 20px;
         color: #333;
         }
         .login-form input[type="email"],
         .login-form input[type="password"] {
         width: 100%;
         height: 48px;
         padding: 12px 15px;
         margin: 10px 0 20px;
         border: 1px solid #AEAEAE;
         border-radius: 8px;
         font-weight: bold;
         font-family: inherit;
         color: black;
         }
         .login-form input[type="submit"] {
         width: 100%;
         padding: 12px;
         background-color: #ffcc00;
         min-height: 52px;
         color: black;
         font-weight: bold;
         font-family: inherit;
         font-size: 16px;
         border: none;
         border-radius: 9999px;
         cursor: pointer;
         }
         .login-form input[type="submit"]:hover {
         background-color:rgb(184, 148, 3);
         }
         /* Responsive */
         @media (max-width: 768px) {
         .split-screen {
         flex-direction: column;
         }
         .login-form{
         margin-top: 30px;
         }
         .right,
         .left {
         flex: none;
         width: 100%;
         }
         .bg-image {
         display: none;
         }
         }
         .divider {
         display: flex;
         align-items: center;
         text-align: center;
         margin: 20px 0;
         }
         .divider::before,
         .divider::after {
         content: '';
         flex: 1;
         border-bottom: 1px solid #ccc;
         }
         .divider:not(:empty)::before {
         margin-right: .75em;
         }
         .divider:not(:empty)::after {
         margin-left: .75em;
         }
         .forgot-password {
         text-align: center;
         font-weight: bold;
         margin-top: 30px;
         }
         .labelz{
         font-weight: bold;
         font-family: inherit;
         }
         .horizontal-border {
         width: 100%;
         height: 50px; /* adjust as needed */
         border-bottom: 1px solid rgb(153, 150, 150);
         }
         .left-footer {
         display: flex;
         justify-content: center;
         align-items: center;
         text-align: center;
         height: 100px;
         font-size: 12px;
         margin-top: auto;
         width: 100%;
         flex-shrink: 0;
         bottom: 0;
         color: #323232;
         }