html, body {
    height: 100%;
    margin: 0;
}
body {
    display: flex;
    flex-direction: column;
    justify-content: center; /* Aligns content vertically center */
    background: linear-gradient(0deg, rgb(10, 100, 129) 0%, rgb(19, 176, 189));
}
.card {
    background: rgba(255, 255, 255, 0.8);
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}
.logo {
    width: 100px;
    height: auto;
    margin-bottom: 20px;
}
.form-label {
    color: #333;
}
.gradient-button {
    background: linear-gradient(0deg, rgb(19, 176, 189) 0%, rgb(10, 100, 129));
    color: #fff;
    border: none;
}
::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-track {
    background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
    background: linear-gradient(0deg, rgb(19, 176, 189) 0%, rgb(10, 100, 129));
}
::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(0deg, rgb(10, 100, 129), rgb(19, 176, 189));
}