AkinaLife | Personalized Online Healthcare

#form-container {
display: flex;
justify-content: center;
align-items: center;
min-height: 60vh;
background: #f8f9fb;
border-radius: 40px 40px 0 0;
}
#form-container .intake-form {
width: 100%;
max-width: 640px;
margin: 2em auto;
padding: 2em;
background: #fff;
border-radius: 10px;
border: 1px solid #ccc;
font-family: “Segoe UI”, sans-serif;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
position: relative;
transition: transform 0.3s ease, opacity 0.3s ease;
}
#form-container .intake-form.fade-out {
opacity: 0;
transform: translateX(-30px);
}
#form-container .intake-form h2 {
margin-bottom: 0.5em;
font-size: 1.6em;
text-align: center;
color: #222;
}
#form-container .progress {
text-align: center;
margin-bottom: 1em;
font-size: 0.95em;
color: #666;
}
#form-container label {
display: block;
margin-bottom: 0.4em;
font-weight: 600;
}
#form-container select {
width: 100%;
padding: 0.5em;
border: 1px solid #ccc;
border-radius: 5px;
font-size: 1em;
background: #fff;
margin-bottom: 1.2em;
}
#form-container button {
width: 100%;
padding: 0.65em;
border: none;
border-radius: 5px;
font-size: 1em;
background: #0056d2;
color: #fff;
font-weight: 600;
cursor: pointer;
transition: background 0.2s, opacity 0.2s;
}
#form-container button:hover:enabled {
background: #003d9e;
}
#form-container button:disabled {
background: #ccc;
cursor: not-allowed;
opacity: 0.7;
}
#form-container .form-complete {
padding: 1em;
background: #e6f8ea;
border: 1px solid #b2e2c2;
border-radius: 6px;
color: #2e7d32;
text-align: center;
}