body {
    background: #ffffff;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}
.wave-container {
    position: relative;
    width: 100%;
    height: 400px;
    overflow: hidden;
}
.wave-container svg {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
}
.login-card {
    background: #fff;
    border-radius: 0.75rem;
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.1);
    padding: 2rem;
    max-width: 400px;
    width: 90%;
    margin: -260px auto 0 auto;
    position: relative;
    z-index: 10;
}
.bottom-links {
    margin-top: 3rem;
    display: flex;
    justify-content: center;
    gap: 2rem;
    flex-wrap: wrap;
}
.bottom-links div {
    background: #f8f9fa;
    padding: 15px;
    border-radius: 0.5rem;
    text-align: center;
    flex: 1;
    /*min-width: 250px;*/
}
.btn-signin, .button-verify {
    background: #00a0c6;
    border-color: #00a0c6
}
.btn-signin:hover, .button-verify:hover, .btn-outline-primary:hover {
    background: #036a83;
    border-color: #036a83
}
.btn-outline-primary {
    border-color: #00a0c6;
    color:#00a0c6
}
a {
    color: #00a0c6
}
@media (max-width: 920px) {
    .login-card {
        margin: -260px auto 0 auto;
    }
}
.box-loader-overlay {
    border-radius: 10px;
}
.option-languages li:hover {
    background:#eee;
}
.bottom-links .display-flex {
    display: flex;
}
.text-left {
    text-align: left !important;
}
.bottom-links img {
    max-width:140px
}
.bottom-links .display-flex div {
    flex: none;
}
.bottom-links .display-flex .text-left {
    flex: 1;
}
.font-bold {
    font-weight: 600;
}
.cmb-21 {
    margin-bottom: 21px !important;
}