body {
       font-family: Arial, sans-serif;
       background-color: #f4f4f4;
       display: flex;
       justify-content: center;
       align-items: center;
       height: 100vh;
       margin: 0;
       animation: fadeIn 2s;
   }

   .container {
       background-color: #fff;
       padding: 20px;
       border-radius: 8px;
       box-shadow: 0 0 10px rgba(0, 0, 0, 1);
       text-align: center;
       animation: slideDown 2s;
   }

   h1 {
       margin-bottom: 20px;
   }

   form {
       display: flex;
       flex-direction: column;
   }

   label {
       margin-top: 10px;
   }

   input, select, button {
       margin-top: 5px;
       padding: 10px;
       border: 1px solid #ccc;
       border-radius: 4px;
       transition: background-color 0.3s ease;
   }

   button {
       background-color: #007BFF;
       color: #fff;
       border: none;
       cursor: pointer;
       margin-top: 20px;
   }

   button:hover {
       background-color: #0056b3;
   }

   @keyframes fadeIn {
       from { opacity: 0; }
       to { opacity: 1; }
   }

   @keyframes slideDown {
       from { transform: translateY(-50px); }
       to { transform: translateY(0); }
   }