* {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
 }

 .header {
     background-color: #172242;
     /* Blue header */
     padding: 20px 30px;
     display: flex;
     justify-content: center;
     /* centers content horizontally */
 }

 .logo_page {
     display: flex;
     /* logo + text side by side */
     align-items: center;
     /* vertically align text with image */
     gap: 8px;
     /* space between logo and text */
 }

 .logo_page img {
     width: 90px;
     /* logo size */
     height: auto;
 }

 .logo_page div {
     display: flex;
     flex-direction: column;
     justify-content: center;
     /* vertically center h1 + p relative to image */
 }

 .logo_page h1 {
     color: #ceba49;
     /* golden text */
     font-size: 2rem;
     font-weight: bold;
     margin: 0;
     line-height: 1.1;
 }

 .logo_page p {
     color: #837d57;
     /* white subtitle text */
     font-size: 1rem;
     margin: 5px 0 0 0;
     font-weight: 500;
     line-height: 1.3;
 }

 /* Responsive */
 @media (max-width: 600px) {
     .header {
         padding: 15px 20px;
     }

     .logo_page {
         flex-direction: column;
         text-align: center;
     }

     .logo_page img {
         margin-bottom: 10px;
     }

     .logo_page h1 {
         font-size: 1.6rem;
     }

     .logo_page p {
         font-size: 0.95rem;
     }
 }

 .note {
     display: flex;
     align-items: left;
     background-color: #fffbe6;
     /* soft yellow to grab attention */
     border-left: 6px solid #FFD700;
     /* golden stripe for emphasis */
     padding: 18px 20px;
     gap: 12px;
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
 }

 .note-icon {
     width: 30px;
     height: 30px;
 }

 .note p {
     margin: 0;
     color: #333;
     font-size: 1rem;
     line-height: 1.3;
     text-align: left;
 }

 .body {
     background: linear-gradient(135deg, #f0f4f8, #d9e2ec);
     display: flex;
     justify-content: center;
     align-items: center;
     min-height: 100vh;
     padding: 20px;
 }

 .container {
     background: #ffffff;
     padding: 50px 35px;
     border-radius: 16px;
     width: 100%;
 }


 .title {
     width: 70%;
     margin: auto;
     font-size: 1.5rem;
     color: #1a1a1a;
     text-align: center;
     margin-bottom: 15px;
 }

 p {
     text-align: center;
     margin-bottom: 30px;
     color: #555555;
     line-height: 1.5;
 }

 .container p {
     text-align: left;
     color: #333;
     font-size: 1rem;
     margin-bottom: 5px;
     line-height: 1.4;
 }

 .benefits-message {
     background-color: #f0f2f6;
     /* light blue for contrast */
     border-radius: 10px;
     /* matches theme */
     line-height: 1.9;
     margin-bottom: 25px;
     padding-bottom: 20px;
 }

 .benefits-message .mes_law {
     display: flex;
     align-items: center;
     color: #0056b3;
     font-size: 1.2rem;
     padding: 14px 16px;
     border-left: #007bff solid 8px;
     background-color: #dde9f7;
     margin-bottom: 20px;
     gap: 10px;
 }

 .benefits-message .mes_law h3 {
     font-size: 1rem;
 }

 .law-icon {
     width: 22px;
     height: 22px;
     filter: invert(28%) sepia(92%) saturate(6397%) hue-rotate(198deg) brightness(95%) contrast(90%);

 }

 .benefits-message p {
     font-size: 1rem;
     padding: 5px 20px 5px 20px;
 }

 .benefits-message p strong {
     color: #0056b3;
     /* darker blue to highlight key points */
 }

 .dis_what {
     padding: 20px 25px;
     font-size: 1.1rem !important;
 }

 .sub_inf {
     padding: 20px 25px;
     font-size: 1.1rem !important;
 }

 form {
     display: flex;
     flex-direction: column;
     margin-top: 30px;
 }

 label {
     margin-bottom: 8px;
     font-weight: 600;
     color: #333333;
 }

 input,
 select,
 textarea {
     padding: 14px 16px;
     margin-bottom: 20px;
     border-radius: 10px;
     border: 1px solid #c4c4c4;
     font-size: 1rem;
     width: 100%;
     transition: border-color 0.3s ease, box-shadow 0.3s ease;
 }

 input:focus,
 select:focus,
 textarea:focus {
     outline: none;
     border-color: #007bff;
     box-shadow: 0 0 8px rgba(0, 123, 255, 0.2);
 }

 select {
     cursor: pointer;
 }

 button {
     padding: 15px;
     background-color: #007bff;
     color: #fff;
     font-size: 1.1rem;
     font-weight: 600;
     border: none;
     border-radius: 10px;
     cursor: pointer;
     transition: background 0.3s ease, transform 0.2s ease;
 }

 button:hover {
     background-color: #0056b3;
     transform: translateY(-2px);
 }

 .footer {
     text-align: center;
     margin-top: 18px;
     font-size: 0.85rem;
     color: #888888;
 }

 /* Hide 'Other' input initially */
 #otherLender {
     display: none;
     margin-top: 10px;
 }

 /* Responsive */
 @media (max-width: 600px) {
     .container {
         padding: 40px 20px;
     }

     h1 {
         font-size: 1.6rem;
     }

     button {
         font-size: 1rem;
     }
 }