.google-btn-container {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

.google-btn {   
    background-color: #e9ecef;
    border: 1px solid #dddddd;
    border-radius: 4px;
    padding: px;
    width: 80px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    display: flex;
    justify-content: center;
    align-items: center;
}

.google-icon {
    width: 50px;
    height: 50px;
}

.google-btn:hover {
    background-color: #f1f1f1;
}

.divider {
    display: flex;
    align-items: center;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

.divider::before,
.divider::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid #dddddd;
}

.divider:not(:empty)::before {
    margin-right: .25em;
}

.divider:not(:empty)::after {
    margin-left: .25em;
}

.auth-modal .auth-modal-dialog {
    max-width: 480px;
    margin: 1rem auto;
}

.auth-modal .auth-modal-content {
    background: #ffffff;
    border: 0;
    border-radius: 14px;
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.14);
}

.auth-modal .auth-modal-body {
    padding: 1rem 1.1rem;
}

.auth-modal .auth-modal-shell {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.auth-modal .auth-modal-title {
    margin: 0 0 0.35rem;
    text-align: center;
    color: #1f2937;
    font-weight: 700;
}

.auth-modal .form-group {
    margin-bottom: 0.6rem;
}

.auth-modal .auth-input,
.auth-modal .btn-success {
    width: 100%;
}

.auth-modal .auth-input-with-icon {
    position: relative;
}

.auth-modal .auth-input-icon-start {
    position: absolute;
    top: 50%;
    left: 0.85rem;
    transform: translateY(-50%);
    color: #8a94a0;
    font-size: 0.85rem;
    pointer-events: none;
    z-index: 2;
}

.auth-modal .auth-input-with-icon-field {
    padding-left: 2.35rem;
}

.auth-modal .google-btn-container {
    margin-top: 0.3rem;
    margin-bottom: 0.2rem;
}

.auth-modal .google-btn {
    width: 100%;
    max-width: 100%;
    height: 46px;
    border-radius: 10px;
    background-color: #ffffff;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06);
}

.auth-modal .google-icon {
    width: 24px;
    height: 24px;
}

.auth-modal .divider {
    margin-top: 0.35rem;
    margin-bottom: 0.55rem;
}

.auth-modal .auth-helper,
.auth-modal .auth-switch-line {
    margin: 0;
    text-align: center;
    color: #6c757d;
    font-size: 0.9rem;
}

.auth-modal .auth-trial-copy {
    margin: 0.2rem 0 0.35rem;
    font-size: 0.82rem;
    color: #6c757d;
}

.auth-modal .auth-criteria-hidden {
    display: none;
}

.auth-modal .auth-password-toggle {
    position: absolute;
    top: 50%;
    right: 0.7rem;
    transform: translateY(-50%);
    width: 1.9rem;
    height: 1.9rem;
    border: 0;
    background: transparent;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    color: #6c757d;
    z-index: 2;
}

.auth-modal .auth-password-field {
    position: relative;
}

.auth-modal .auth-password-input {
    padding-right: 3rem;
}

.auth-modal .password-criteria {
    margin-bottom: 0;
}

.auth-modal .password-status,
.auth-modal .password-match {
    font-size: 0.85rem;
}

@media (max-width: 576px) {
    .auth-modal .auth-modal-body {
        padding: 0.9rem;
    }
}