.form-wrapper {
     background-color: #2c2c2c;
     border-radius: 40px;
     padding: 20px 40px 50px 40px;
     margin: auto;
     box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
     transition: transform 0.3s, box-shadow 0.3s;
   }
   .form-wrapper:hover {
     box-shadow: 0 6px 15px rgba(0, 0, 0, 0.6);
   }
   .logo {
     display: block;
     margin: 0 auto 10px;
     width: 300px;
   }
   .form-wrapper label {
     color: white;
     display: block;
     margin-bottom: 2px;
     margin-top: 3px;
   }
   .form-control {
     border: 1px solid orange;
     border-radius: 5px;
     padding: 10px;
     margin: 10px 0;
     width: 100%;
     background-color: white;
     color: black;
     box-sizing: border-box;
     transition: border-color 0.3s, box-shadow 0.3s;
   }
   .form-control:focus {
     border-color: #ff9900;
     box-shadow: 0 0 5px rgba(255, 153, 0, 0.5);
     outline: none;
   }
   .submit-btn {
     background-color: orange;
     border: none;
     border-radius: 5px;
     padding: 10px;
     color: white;
     cursor: pointer;
     width: 100%;
     transition: background-color 0.3s, transform 0.3s;
   }
   .submit-btn:hover {
     background-color: #e68a00;

   }
   .submit-btn:active {
     transform: scale(0.98);
   }