.navbar {
       background-color: #212A31;
       padding: 1rem 0;
   }

   .navbar-brand img {
       height: 55px;
       margin-right: 1rem;
   }

   .page-title {
       color: #124E66;
       text-align: center;
       margin: 2rem 0;
   }

   .registration-container {
       background: white;
       border-radius: 15px;
       box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
       padding: 2rem;
       margin: 2rem auto;
       max-width: 1200px;
   }

   .form-section {
       background-color: #d3d9d43b;
       border-radius: 10px;
       padding: 2rem;
   }

   .section-title {
       color: #124E66;
       font-size: 1.5rem;
       margin-bottom: 1.5rem;
   }

   .form-label {
       color: #2E3944;
       font-weight: 500;
   }

   .form-control {
       border: 2px solid #D3D9D4;
       border-radius: 8px;
       padding: 0.75rem;
   }

   .form-control:focus {
       border-color: #124E66;
       box-shadow: 0 0 0 0.2rem rgba(18, 78, 102, 0.25);
   }

   .btn-primary {
       background-color: #124E66;
       border: none;
       border-radius: 8px;
       padding: 0.75rem 2rem;
       font-weight: 500;
   }

   .btn-primary:hover {
    background: #2E3944!important;
       color: #fff !important;
   }

   .login-link {
       color: #124E66;
       text-decoration: none;
       font-weight: 500;
   }

   .login-link:hover {
       text-decoration: underline;
   }

   .required-field::after {
       content: "*";
       color: red;
       margin-left: 4px;
   }

   .illustration {
       max-width: 400px;
       margin: 0 auto;
       display: flex;
       justify-content: center;
   }