.form-container {
 display: flex;
 justify-content: center;
 align-items: center;
 min-height: 100vh;
 background-color: #f4f4f4;
 padding: 20px;
 box-sizing: border-box;
 position: relative; 
}

.form-container::before {
 content: "";
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 z-index: 1;
 opacity: 0.5;
 animation: gradientAnimation 10s ease infinite;
 border-radius: 20px; 
}

@keyframes gradientAnimation {
 0% {
  background-position: 0% 0%;
 }
 50% {
  background-position: 100% 100%;
 }
 100% {
  background-position: 0% 0%;
 }
}

.form-box {
 background: #fff;
 padding: 30px;
 border-radius: 20px;
 box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
 width: 100%;
 max-width: 500px;
 font-weight: bold;
 font-size: 1.1em;
 position: relative;
 z-index: 2; 
}

.form-box p {
 margin-bottom: 20px; 
}

.form-group {
 margin-bottom: 20px;
}

.form-box input {
 width: 100%;
 padding: 12px 15px;
 font-size: 1em;
 border-radius: 8px;
 border: 1px solid #ccc;
 box-sizing: border-box;
 margin-top: 5px;
 font-weight: bold;
}

.form-box label {
 font-size: 1em;
 color: #333;
 display: block;
 margin-bottom: 5px;
 font-weight: bold;
}

.btn-wrapper {
 display: flex;
 justify-content: center;
 align-items: center;

}