.login-method-pills {
    gap: 0.5rem;
    border-bottom: none;
    justify-content: center;
}

    .login-method-pills .nav-link {
        border-radius: 4px !important;
        font-weight: 500;
        color: #4b5563;
        background-color: #f3f4f6;
        border: 1px solid transparent;
        transition: all 0.2s ease;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .login-method-pills .nav-link i {
            font-size: 1.2rem;
        }

        .login-method-pills .nav-link:hover {
            background-color: #e5e7eb;
            color: #1f2937;
            border-color: #d1d5db;
        }

        .login-method-pills .nav-link.active {
            background-color: #91322F;
            color: white;
            box-shadow: 0 4px 6px -1px rgba(37, 99, 235, 0.2), 0 2px 4px -1px rgba(37, 99, 235, 0.1);
            border-color: #91322F;
        }

.tab-pane.fade {
    transition: opacity 0.15s linear;
}

@media (max-width: 480px) {
    .login-method-pills {
        flex-direction: column;
        align-items: stretch;
    }

        .login-method-pills .nav-link {
            justify-content: center;
        }
}