.login-wrapper {
 background: #ffffff;
 border-radius: 12px;
 box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
 overflow: hidden;
 max-width: 900px;
 width: 100%;
 margin: 20px;
 }

 /* Image Styling */
 .login-img {
 width: 100%;
 height: 100%;
 object-fit: cover;
 min-height: 450px;
 }

 /* Form Area Styling */
 .login-form-area {
 padding: 40px 50px;
 }

 .login-title {
 font-size: 28px;
 font-weight: 700;
 color: #1a2b49;
 margin-bottom: 5px;
 position: relative;
 display: inline-block;
 }

 .login-title::after {
 content: '';
 display: block;
 width: 50%;
 height: 3px;
 background-color: #FF1E1E;
 /* Hijau TourX */
 margin-top: 6px;
 border-radius: 2px;
 }

 .form-label {
 font-weight: 500;
 color: #333;
 margin-top: 20px;
 margin-bottom: 8px;
 }

 .custom-input {
 border-radius: 50px !important;
 padding: 12px 20px;
 background-color: #fbf6f4 !important;
 border: 1px solid #e0f2e9;
 font-size: 14px;
 transition: all 0.3s ease;
 }

 .custom-input:focus {
 background-color: #ffffff;
 border-color: #FF1E1E;
 box-shadow: 0 0 0 0.25rem rgba(160, 82, 82, 0.15);
 }

 .btn-login {
 background-color: #FF1E1E;
 color: #ffffff;
 border-radius: 50px;
 padding: 10px 32px;
 font-weight: 600;
 border: none;
 margin-top: 25px;
 transition: background-color 0.3s ease;
 }

 .btn-login:hover {
 background-color: #cf1b1b;
 color: #ffffff;
 }

 .register-text {
 margin-top: 20px;
 font-size: 14px;
 color: #333;
 }

 .register-text a {
 color: #FF1E1E;
 text-decoration: none;
 font-weight: 600;
 }

 .register-text a:hover {
 text-decoration: underline;
 }

 .divider {
 border-top: 1px solid #e9ecef;
 margin: 30px 0 20px 0;
 }

 .btn-google {
 border: 1px solid #dedede;
 background-color: #ffffff;
 border-radius: 6px;
 padding: 8px 16px;
 font-size: 14px;
 color: #333;
 display: inline-flex;
 align-items: center;
 gap: 10px;
 text-decoration: none;
 transition: background-color 0.2s ease;
 }

 .btn-google:hover {
 background-color: #f8f9fa;
 color: #333;
 }