.login-type {
    display: block;
    padding: 13px 14px;
    margin: 0 0 19px;
    border: 1px solid #dbe6e0;
    border-radius: 11px;
    background: #f7faf8;
    font-weight: 650;
    color: #214c3f;
}

.login-tabs {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 5px;
    margin-top: 9px;
    padding: 4px;
    border: 1px solid #d5e1db;
    border-radius: 9px;
    background: #fff;
}

.login-tab {
    margin: 0;
    padding: 9px 7px;
    border-radius: 6px;
    background: transparent;
    color: #45685c;
    font-size: 14px;
}

.login-tab:hover { background: #edf5f1; color: #17483b; }
.login-tab.active, .login-tab.active:hover { background: #17483b; color: #fff; box-shadow: 0 2px 5px #17372c22; }