body {
    font-family: Arial, sans-serif;
    background-color:  #1b2937; /* Replace with your image path */
     background-size: cover; /* Cover the entire element */
    background-position: center; /* Center the image */
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    margin: 0;
}

.container {
   /* background-color: #cae2ff;*/
    padding: 20px;
    border-radius: 8px;
    box-shadow: -94 70 47px rgba(0, 44, 0, 54.1);
    max-width: 330px;
    width: 100%;
    margin-top: 384px;
    margin-left: 45px;
}


h2 {
   margin-left: 29px;
    display: block;
    font-size: 20px;
    color: white;
    align-content: center;
    justify-items: center;
    margin-top: -319px;
}

label {
    display: block;
    margin-bottom: 8px;
    color: white;
    font-size: 10px;
}

input {
    height: 6px;
    width: 75%;
    padding: 8px;
    margin-bottom: 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background: #374151;
}
input:-internal-autofill-selected {
    appearance: menulist-button;
    background-image: none !important;
    background-color: light-dark(rgb(232, 240, 254), rgba(70, 90, 126, 0.4)) !important;
    color: fieldtext !important;
}
user agent stylesheet
input:not([type="image" i], [type="range" i], [type="checkbox" i], [type="radio" i]) {
    overflow-clip-margin: 0px !important;
    overflow: clip !important;
}
user agent stylesheet
input[type="email" i] {
    padding-block: 1px;
    padding-inline: 2px;
}
user agent stylesheet
input:not([type="file" i], [type="image" i], [type="checkbox" i], [type="radio" i]) {
}
button {
    width: 19%;
    padding: 6px;
    background-color: #007BFF;
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 10px;
    height: 23px;
}

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

.loading-indicator {
    text-align: center;
    margin-top: 10px;
    color: #007BFF;
}